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


Posted in Javascript onSeptember 25, 2016

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

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

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

上面代码效果如下:

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

btn-lg : 大号的按钮

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

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

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

Javascript 相关文章推荐
js下将字符串当函数执行的方法
Jul 13 Javascript
javascript中方便增删改cookie的一个类
Oct 11 Javascript
js获取html参数及向swf传递参数应用介绍
Feb 18 Javascript
BOM系列第一篇之定时器setTimeout和setInterval
Aug 17 Javascript
javascript ASCII和Hex互转的实现方法
Dec 27 Javascript
JavaScript实现二分查找实例代码
Feb 22 Javascript
JavaScript中在光标处插入添加文本标签节点的详细方法
Mar 22 Javascript
javascript 中select框触发事件过程的分析
Aug 01 Javascript
gulp安装以及打包合并的方法教程
Nov 19 Javascript
基于Node.js搭建hexo博客过程详解
Jun 25 Javascript
webpack 处理CSS资源的实现
Sep 27 Javascript
精读《Vue3.0 Function API》
May 20 Javascript
原生JS实现网络彩票投注效果
Sep 25 #Javascript
JavaScript实现url参数转成json形式
Sep 25 #Javascript
动态JavaScript所造成一些你不知道的危害
Sep 25 #Javascript
jQuery中的AjaxSubmit使用讲解
Sep 25 #Javascript
需要牢记的JavaScript基础知识
Sep 25 #Javascript
分享一个原生的JavaScript拖动方法
Sep 25 #Javascript
HTML中setCapture、releaseCapture 使用方法浅析
Sep 25 #Javascript
You might like
PHP中文分词的简单实现代码分享
2011/07/17 PHP
PHP+MYSQL会员系统的登陆即权限判断实现代码
2011/09/23 PHP
关于PHP定时发送服务的解决办法
2017/04/23 PHP
PHP框架自动加载类文件原理详解
2017/06/06 PHP
Symfony查询方法实例小结
2017/06/28 PHP
jQuery 添加/移除CSS类实现代码
2010/02/11 Javascript
纯js实现瀑布流展现照片(自动适应窗口大小)
2013/04/08 Javascript
使用非html5实现js板连连看游戏示例代码
2013/09/22 Javascript
jQuery中:password选择器用法实例
2015/01/03 Javascript
jQuery插件multiScroll实现全屏鼠标滚动切换页面特效
2015/04/12 Javascript
Javascript中的getUTCDay()方法使用详解
2015/06/10 Javascript
javascript中的五种基本数据类型
2015/08/26 Javascript
jQuery zclip插件实现跨浏览器复制功能
2015/11/02 Javascript
JS制作适用于手机和电脑的通知信息效果
2016/10/28 Javascript
div实现自适应高度的textarea实现angular双向绑定
2017/01/08 Javascript
利用原生JS与jQuery实现数字线性变化的动画
2017/02/24 Javascript
JS字符串false转boolean的方法(推荐)
2017/03/08 Javascript
js实现随机数字字母验证码
2017/06/19 Javascript
Three.js如何实现雾化效果示例代码
2017/09/27 Javascript
angularjs性能优化的方法
2018/09/05 Javascript
vue中使用cookies和crypto-js实现记住密码和加密的方法
2018/10/18 Javascript
微信小程序3D轮播实现代码
2019/09/19 Javascript
vue页面加载时的进度条功能(实例代码)
2020/01/13 Javascript
wxpython学习笔记(推荐查看)
2014/06/09 Python
Python编程中的文件操作攻略
2015/10/16 Python
pycharm debug功能实现跳到循环末尾的方法
2018/11/29 Python
python实现顺时针打印矩阵
2019/03/02 Python
python图形用户接口实例详解
2019/12/16 Python
python实现简单的五子棋游戏
2020/09/01 Python
CSS3实例分享--超炫checkbox复选框和radio单选框
2014/09/01 HTML / CSS
值类型与引用类型有什么不同?请举例说明?并分别列举几种相应的数据类型
2015/10/24 面试题
村干部培训方案
2014/05/02 职场文书
加薪申请报告范本
2015/05/15 职场文书
决心书格式范文
2015/09/23 职场文书
Python爬虫入门案例之爬取二手房源数据
2021/10/16 Python
mysql的数据压缩性能对比详情
2021/11/07 MySQL