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