AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

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

51自学网 http://www.wanshiok.com
bootstrap,按钮超链接,超链接变成按钮,bootstrap,超链接

这里写图片描述

这里写图片描述

<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 超链接变按钮的实现方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对wanshiok.com网站的支持!


bootstrap,按钮超链接,超链接变成按钮,bootstrap,超链接  
上一篇:微信小程序前端源码逻辑和工作流  下一篇:原生JS实现网络彩票投注效果