使用bootstrap可以很簡單的實現鼠標停留,提示的效果

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

提示信息

點擊最右邊的X之后,會彈出

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

參考《CSS高效開發實戰》P183

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。