使用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