利用jQuary實作文字浮動提示效果範例程式碼_jquery

複製程式碼 程式碼如下:

<script> <BR>/ *文字提示*/ <BR>/* <BR>（1）滑鼠移入的時候，建立一個div它的內容是title屬性的值<BR>（2）規定位置，設定css樣式<BR>（3）滑鼠移出的時候，移除div <BR>（4）滑鼠移動的時候，X Y軸的座標要對應的變化<BR>*/ <BR>$(function(){ <BR>var x = 7; <BR>var y = 8; <BR>$("a.tip").hover(function(){ <BR>var title = this.title; <BR>var $div = $("<div id=' newTip'>" title "</script>

");
$("body").append($div);
$div.css({"position":"absolute","background": "pink"});
},function(){
$("#newTip").remove();
}).mousemove(function(e){
var $div = $("#newTip").css({"left":(e.pageX x) 'px',"top":(e.pageY y) 'px'});
});
})



這是我的提示