BootStrap 超链接变按钮的实现方法

2019-11-20 08:53:19

字体：大中小

来源：转载

供稿：网友

这里写图片描述

<a href="#"> xuhaitao </a>

上面代码效果如下：

btn btn-default ：变成一个按钮样子

btn-lg : 大号的按钮

btn-block : 按钮填充整个宽度

这里写图片描述

JS按钮(bootstrap)超链接

html代码：

button是bootstrap样式，请先加入bootstrap.min.css和jquery-1.11.1.min.js

<a href="#" id="DownLoadAudio" target="_blank"></a><button id="Submit6" class="btn btn-sm btn-success" type="button" onclick="openWin(@item.UserID,@item.AudioID)"><i class="glyphicon glyphicon-download-alt"></i>下载</button>

javascript代码：

<script type="text/javascript">function openWin(userid, audioid) {var obj = document.getElementById("DownLoadAudio");obj.href = data.state;obj.click();}</script>

以上所述是小编给大家介绍的BootStrap 超链接变按钮的实现方法,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对武林网网站的支持！

上一篇：微信小程序前端源码逻辑和工作流

下一篇：原生JS实现网络彩票投注效果