1.Bootstrap彈出框示例
讓客戶滿意是我們工作的目標(biāo),不斷超越客戶的期望值來自于我們對(duì)這個(gè)行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡(jiǎn)單的方式提供給客戶,將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價(jià)值的長期合作伙伴,公司提供的服務(wù)項(xiàng)目有:域名與空間、網(wǎng)絡(luò)空間、營銷軟件、網(wǎng)站建設(shè)、蘭西網(wǎng)站維護(hù)、網(wǎng)站推廣。
<button type="button" class="btn btn-lg btn-danger" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">點(diǎn)我彈出/隱藏彈出框</button>
2.改進(jìn)
有時(shí)提示框內(nèi)容較多,僅僅使用data-content,title,在html文檔里寫出來比較亂,我們可以借助提供的popover()方法,實(shí)現(xiàn)對(duì)彈出框內(nèi)容、樣式的修改。
$("#btn-danger").popover({ html: true, //實(shí)現(xiàn)對(duì)html可寫 title: keywords_title(), //標(biāo)題函數(shù) content: function() { return keywords_content(); //內(nèi)容函數(shù) } }); //標(biāo)題函數(shù) function keywords_title() { return '結(jié)果說明:'; } //內(nèi)容函數(shù),同時(shí)對(duì)樣式進(jìn)行修改 function keywords_content() { var data = $('<div ><p><span>提及結(jié)果列關(guān)鍵詞不區(qū)分英文大小寫</span></p></div>'); } //以下是彈出框樣式,可以根據(jù)需要自定義修改 .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: left; white-space: normal; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); box-shadow: 0 5px 10px rgba(0,0,0,.2); }
以上所述是小編給大家介紹的Bootstrap彈出框之自定義懸??驑?biāo)題、內(nèi)容和樣式示例代碼,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)創(chuàng)新互聯(lián)網(wǎng)站的支持!
新聞標(biāo)題:Bootstrap彈出框之自定義懸??驑?biāo)題、內(nèi)容和樣式示例代碼
網(wǎng)頁地址:http://muchs.cn/article42/ghsgec.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供企業(yè)建站、網(wǎng)頁設(shè)計(jì)公司、手機(jī)網(wǎng)站建設(shè)、網(wǎng)站改版、小程序開發(fā)、網(wǎng)站設(shè)計(jì)公司
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)