代碼吾愛今天給大家推薦一個輕量級JavaScript浮動提示框——Tooltip效果庫。它可以用於替換掉HTML默認的鏈接<a>標簽中的title提示效果或者圖片<img>標簽中的alt效果等等，從而讓網站的提示效果也與眾不同。
概述：
--這個Tooltip浮動提示效果，是一個輕量級JavaScript函數庫，由短短幾行代碼完成；所以，你無須擔心它會占用過多的網絡帶寬。
--它的安裝和配置也相當簡單，你僅僅需要復制粘貼我們提供給大家的代碼。
--你還可以根據自己的需求，修改浮動提示框的CSS代碼；通過對其進行美化以適應不同的場合。
下載源碼
效果截圖：
如何在我的網頁中使用此Tooltip效果？
1. 將Tooltip.js文件以外部鏈接的形式添加到你的網頁頭部<head>標簽區域中，如下：
<script type="text/javascript" src="tooltip.js"></script>
2. 在網頁<body>部分添加一個空白的id名為Tooltip的DIV層，此DIV層不包含任何內容。如下：
<div id="toolTip"> </div>
3. 在你需要用到此功能的標簽上分別添加onmouseover（鼠標滑過）和onmouseout（鼠標移開）事件屬性；請注意你添加的標簽必需支持這兩個事件屬性，否則將看不到效果。例如：
<td onmouseover="showToolTip('姓名','請在此輸入姓名',event);" onmouseout="hideT
oolTip();">姓名:</td>
將onmouseover（鼠標滑過）和onmouseout（鼠標移開）事件屬性加載td標簽上，就形成了我們上面截圖中所表現的效果。
4. 將Tooltip浮動框的CSS文件以外部鏈接的形式添加到你的網頁頭部<head>標簽區域中，如下：
<link href="style/style.css" rel="stylesheet" type="text/css" />
你可以根據自己的需要來修改浮動框的表現形式，修改Style.css文件即可。
有哪些注意的地方？
唯一需要注意的地方是JS文件和CSS文件的路徑問題，請根據自己的實際情況修改以上文件的路徑。
有任何問題？
請在下面的評論中留下你的疑問，代碼吾愛技術組會給大家第一時間進行解決。