代碼一：
$(function(){
$(".tooltip").mouseenter(function(e){
this.mytitle=this.title
this.title=""
var a="
" this.mytitle "
"
$("body").append(a);
$("div").css({
"top": (e.pageY y) "px",
"left": (e.pageX x) "px"
}).show("fast")
}).mouseout(function(){
this.title= this.mytitle;
$("div").remove();
});
})
學習心得：
不要在p標籤下追加div元素，會出現一個很大的偏差值！
原來！ this和$("this")是有所不同,如果上文
this.title改寫成$("this").attr("title")會導致下面的mouseout事件無法存取已儲存的title
代碼二：
引用css：jqueryui/css/ui-lightness/jquery-ui-1.8.18.custom.css
引用js：jqueryui/js/jquery-ui-1.8.18.custom.min.js
<script><br />
$( "#dialog:ui-dialog" ).dialog( "destroy" );<br />
<br />
$( "#dialog-message" ).dialog({<br />
<br />
height: 120,<br />
width: 220,<br />
modal: true,<br />
buttons: {<br />
"否": function() {<br />
//dosomething<br />
$( this ).dialog( "close" ); <br />
},<br />
"為": function() {<br />
//dosomething<br />
$( this ).dialog( "close" );<br />
}<br />
}<br />
});<br />
</script>
我是彈出的訊息框
代碼三：
使用javascript彈出層元件easyDialog
easyDialog在經過一段時間的使用後，對使用中碰到的一些問題進行了總結，最近花了點時間對原來的程式碼進行了重構和優化，並加入了一些新功能。原來的版本只是為了實現簡單的彈出層的基本功能，從項目的角度來說就是如何能快速的完成項目，而這個版本不僅僅是實現基本的功能，更多的考慮了彈出層如何更好更輕鬆的應用於專案中。
easyDialog v2.0新增的功能：
1. 增加了預設的彈出層內容模板，如果只是一些簡單的應用，自己可以不去寫彈出層內容的結構，而只需傳幾個簡單的參數即可，原來的使用方法：
easyDialog.open({
container : 'demoBox'
});
使用預設的內容模板，那麼container參數可以這麼用：
easyDialog.open({
container : {
header : '彈出層標題',
content : '歡迎使用easyDialog : )',
yesFn : btnFn,
noFn : true
}
});
顯示的效果如下圖：
如果要修改預設的內容範本的樣式，可以修改下載文件中的easydialog.css檔案來實現你想要的樣式。
2. 增加了拖曳效果，使彈出層有更好的使用者體驗，自訂彈出層內容也可以輕鬆實現拖曳效果。
3. 內部增加了快取系統、微型事件處理系統，對彈出層內容也做了緩存，讓彈出層效能更佳。
另外修改了一個參數的命名，原來的isOverlay改成了overlay，原來的彈出層各元素的id也重新命名，盡量避免衝突。
上面3種都是本人常用的提示效果了，大家依照自己的專案需求，自由使用吧
