源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部