jQueryで画像情報のフローティング表示を実装するサンプル code_jquery

例:

复制代代码如下:

<頭>


li{list-style:none;float:left;margin-right:10px;border:1px Solid #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 = $("

$("body")。 append($div);
$div.css({"位置":"絶対","背景":"シルバー"}).show("高速"); 🎜>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"); );
})

• 
  
• 
  
• 
  
•