代碼一：

學(xué)習(xí)心得：
 
不要在p標(biāo)簽下追加div元素，會(huì)出現(xiàn)一個(gè)大的偏差值！
 
原來(lái)！this和$("this")是有所不同,如果上文
 this.title改寫(xiě)成$("this").attr("title")會(huì)導(dǎo)致下面的mouseout事件無(wú)法訪(fǎng)問(wèn)保存下來(lái)的title

代碼二：

引用css：jqueryui/css/ui-lightness/jquery-ui-1.8.18.custom.css
引用js：jqueryui/js/jquery-ui-1.8.18.custom.min.js

代碼三：

使用javascript彈出層組件easyDialog

easyDialog在經(jīng)過(guò)一段時(shí)間的使用后，對(duì)使用中碰到的一些問(wèn)題進(jìn)行了總結(jié)，最近花了點(diǎn)時(shí)間對(duì)原來(lái)的代碼進(jìn)行了重構(gòu)和優(yōu)化，并加入了一些新功能。原來(lái)的版本只是為了實(shí)現(xiàn)簡(jiǎn)單的彈出層的基本功能，從項(xiàng)目的角度來(lái)說(shuō)就是如何能快速的完成項(xiàng)目，而這個(gè)版本不僅僅是實(shí)現(xiàn)基本的功能，更多的考慮了彈出層如何更好更輕松的應(yīng)用于項(xiàng)目中。
easyDialog v2.0新增的功能：

1. 增加了默認(rèn)的彈出層內(nèi)容模板，如果只是一些簡(jiǎn)單的應(yīng)用，自己可以不去寫(xiě)彈出層內(nèi)容的結(jié)構(gòu)，而只需傳幾個(gè)簡(jiǎn)單的參數(shù)即可，原來(lái)的使用方法：

使用默認(rèn)的內(nèi)容模板，那么container參數(shù)可以這么用：

顯示的效果如下圖所示：

如果要修改默認(rèn)的內(nèi)容模板的樣式，可以修改下載文檔中的easydialog.css文件來(lái)實(shí)現(xiàn)你想要的樣式。
2. 增加了拖拽效果，使彈出層有更好的用戶(hù)體驗(yàn)，并且自定義彈出層內(nèi)容也可以輕松實(shí)現(xiàn)拖拽效果。
3. 內(nèi)部增加了緩存系統(tǒng)、微型事件處理系統(tǒng)，對(duì)彈出層內(nèi)容也做了緩存，使彈出層性能更佳。
另外修改了一個(gè)參數(shù)的命名，原來(lái)的isOverlay改成了overlay，原來(lái)的彈出層各元素的id也重新命名，盡量避免沖突。

上面3種都是本人常用的提示效果了，大家根據(jù)自己的項(xiàng)目需求，自由使用吧