jQuery implements floating display of picture information example code_jquery

如图：
 

复制代码 代码如下:

<script> <br>$(function(){ <br>var x = 10; <br>var y = 20; <br>$("a.tooltip").hover(function(){ <br>var title = this.title; <br>$("a.tooltip").attr("newTitle",this.title); <br>this.title = ''; <br>var $div = $("<div id='newTip'><img src='" this.href "'/><br/>" this.newTitle "</div>"); <br>$("body").append($div); <br>$div.css({"position":"absolute","background":"silver"}).show("fast"); <br>},function(){ <br>this.title = this.newTitle; <br>$("#newTip").remove(); <br>}).mousemove(function(e){ <br><br>var $div = $("#newTip").css({"left":(e.pageX x) 'px',"top":(e.pageY y) 'px'}).show("fast"); <br>}); <br>}) <br></script>

• 


• 


• 


•