使用bootstrap可以很簡(jiǎn)單的實(shí)現(xiàn)鼠標(biāo)停留,提示的效果

<a href="#" data-toggle="tooltip" data-placement="right" title="Tooltip on right" class="btn btn-primary">工具提示</a> // data-toggle="tooltip":代表了提示類 // data-placement="right":提示的方向出現(xiàn)在右邊 // title:提示的內(nèi)容

提示信息

點(diǎn)擊最右邊的X之后,會(huì)彈出

<div class="alert alert-danger fade in" id="myClose" >警告, 請(qǐng)求網(wǎng)址不存在.可能...服務(wù)器...嗯...掛了...<a class="close" data-dismiss="alert" href="#" >X</a> </div><script>$("#myClose").bind('closed.bs.alert',function(){alert("重新發(fā)起請(qǐng)求");}) </script> // closed.bs.alert: 是當(dāng)所有CSS效果完成之后，關(guān)閉提示信息后，執(zhí)行的函數(shù) // close.bs.alert: 是close函數(shù)調(diào)用時(shí),立即執(zhí)行的事件

參考《CSS高效開發(fā)實(shí)戰(zhàn)》P183

總結(jié)

以上是生活随笔為你收集整理的bootstrap --- 鼠标停留提示事件的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。