jQuery實作圖片資訊的浮動顯示實例碼_jquery

文字：
 

複製代碼代碼如下：

代碼如下：


li{list-style:none;float:left;margin-right:10px;border: 1pxsolid #AAAAAA}
#tooltip{position:absolute;}
;


$(function(){
var x = 10;
var y = 20;
$("a.tooltip"). hover(function(){
var title = this .title;
$("a.tooltip").attr("newTitle",this.title);
var $div = $("
" this.newTitle "

");
$("body").附加($div );
$div.css({"position":"absolute","background":"silver"}).show("fast");
},function(){
this. title = this.newTitle;
$("#newTip").remove();
}).mousemove(function(e){

var $div = $( "#newTip" ).css({"left":(e.pageX x) 'px',"top":(e.pageY y) 'px'}).show("fast");
} );
})
腳本>
頭>

;

• 


• li>
  
• 

身體>