Html中，如設置了title的屬性，則當鼠標在該對象上面短暫的停留時，會顯示預設的文本提示，但，這些效果只會短暫的顯示，一會就會消失，又要重新把鼠標移出再移回來才被顯示，樣式也無法重寫，實在是惱人之極。可喜的是，咱IT界人才輩出，這不，有一個專門針對這提示框的控件出現了，我用了一陣子，效果還可以，於是趕緊記下來，怕以后不用忘記了，下面是一張效果圖：
圖一、poshytip控件效果
那怎么用呢，很簡單：
第一、把poshytip控件下載到項目中，並引入到需要調用的頁面，圖二為我的js與poshytip的文件結構：
圖二、文件結構
第二、下面為需要引入poshytip的文件關鍵代碼：
<head id="Head1" runat="server">
<link rel="stylesheet" href="poshytip-1.1/tip-yellow/tip-yellow.css" type="text/css" />
<script type="text/javascript" src="js/jquery-1.6.js"></script>
<script type="text/javascript" src="poshytip-1.1/jquery.poshytip.js"></script>
<script type="text/javascript">
$(function () {
$(".poshytip").poshytip({
showTimeout: 300, //超時時間設為300時效果個人認為最佳，當然，可根據個人喜好設定
bgImageFrameSize: 20,
allowTipHover: false,
fade: false,
slide: false
});
});
</script>
</head>
說明一下：那個css文件就是poshytip的顯示效果，有幾個的，可以在剛才下載的包那里找，引入不同的css可以改變其顯示效果，這里我就不墨跡了。還有，poshytip是基於jquery的，jquery.js也是必須的。而$(".poshytip")則代表需要調用這個效果的那些class，記得要帶title，只要有了title屬性，那么這個poshytip會自動調用。
好了，暫時就這么多了，enjoy it！