BootStrap 超鏈接變按鈕的實(shí)現(xiàn)方法
更新時(shí)間：2016年09月25日 14:36:08 投稿：mrr
這篇文章主要介紹了BootStrap 超鏈接變按鈕的實(shí)現(xiàn)方法以及js按鈕bootstrap超鏈接的操作方法，本文介紹的非常詳細(xì)，具有參考借鑒價(jià)值，感興趣的朋友一起看看吧
<a href="#"> xuhaitao </a>
上面代碼效果如下：
btn btn-default ：變成一個(gè)按鈕樣子
btn-lg : 大號(hào)的按鈕
btn-block : 按鈕填充整個(gè)寬度
JS按鈕(bootstrap)超鏈接
html代碼：
button是bootstrap樣式，請(qǐng)先加入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 超鏈接變按鈕的實(shí)現(xiàn)方法,希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
使用threejs實(shí)現(xiàn)滾動(dòng)效果的示例代碼
某一天我在刷抖音時(shí),看到一個(gè)UI設(shè)計(jì)師分享了一個(gè)好看的網(wǎng)頁滾動(dòng)動(dòng)效設(shè)計(jì),那種飄逸流暢的動(dòng)畫效果立刻抓住了我的眼球,我腦海里立刻開始想象用代碼如何實(shí)現(xiàn)這個(gè)效果,所以本文給大家分享了如何使用threejs實(shí)現(xiàn)滾動(dòng)效果,感興趣的朋友可以參考下2024-01-01
這個(gè)腳本是網(wǎng)上的代碼修改的，兼容各主流瀏覽器，優(yōu)化頁面異步加載的文字的檢索提示框定位，根據(jù)選擇文字位置與屏幕尺寸計(jì)算檢索提示框定位。2009-09-09
控制頁面按鈕在后臺(tái)執(zhí)行期間不重復(fù)提交的JS方法
下面的代碼可以避免這種情況的發(fā)生，要等第一次執(zhí)行完返回?cái)?shù)據(jù)到前臺(tái)后才能提交第二次。2013-06-06
基于jquery的高性能td和input切換并可修改內(nèi)容實(shí)現(xiàn)代碼
在實(shí)際工作中，我們會(huì)碰到這樣一個(gè)情況。在頁面中顯示著100個(gè)數(shù)據(jù)，同時(shí)用戶還希望他可以更改其中的數(shù)據(jù)，普通的方式可能如下2011-01-01
HTTP Response Splitting 攻擊主要說明的是兩個(gè)問題2008-12-12
使用JavaScript實(shí)現(xiàn)網(wǎng)頁版Pongo設(shè)計(jì)思路及源代碼分享
Pongo是款很好玩的手欠類游戲，由于在玩的過程中發(fā)現(xiàn)了一些BUG，所以就打算自己也弄個(gè)，經(jīng)過一番思索，就有了本文，主要說說實(shí)現(xiàn)這款游戲的設(shè)計(jì)思路以及分享源碼給大家2014-06-06
舉例講解JavaScript substring()的使用方法
這篇文章主要通過舉例的方法講解了javaScript substring()的用法，substring() 方法用于提取字符串中介于兩個(gè)指定下標(biāo)之間的字符，感興趣的小伙伴們可以參考一下2015-11-11
這篇文章主要介紹了JS如何實(shí)現(xiàn)在彈出窗口中加載頁面,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-12-12
解析javascript 實(shí)用函數(shù)的使用詳解
本篇文章對(duì)javascript中的一些實(shí)用函數(shù)進(jìn)行了詳細(xì)的分析介紹，需要的朋友參考下2013-05-05
這篇文章主要為大家詳細(xì)介紹了js原生瀑布流插件制作，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-10-10