当前位置：首页 > 资讯 > 技术文档

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

时间：2022-11-10 08:43 编辑：来源：阅读：
扫一扫，手机访问

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

[img]http://files.jb51.net/file_images/article/201609/2016092514374912.png[/img] [img]http://files.jb51.net/file_images/article/201609/2016092514374913.png[/img]

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

上面代码效果如下： btn btn-default ：变成一个按钮样子 btn-lg : 大号的按钮 btn-block : 按钮填充整个宽度 [img]http://files.jb51.net/file_images/article/201609/2016092514374914.png[/img] [b]JS按钮(bootstrap)超链接[/b] 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 超链接变按钮的实现方法,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对编程素材网网站的支持！

全部评论(0)

上一篇：微信小程序参数传递实例代码
下一篇：JS实现表单中checkbox对勾选中增加边框显示效果

资讯排行榜
更多>>