jquery放大镜

<li><a><img alt="XXX" src="图片路径" /></a></li>
<li><a><img alt="XXX" src="图片路径" /></a></li>

show.js//Jquery实现过程

xOffset = 10;
yOffset = 30;
jQuery("#imglist").find("img").hover(function(e) {
    jQuery("<img id=‘imgshow‘ src=‘" + this.src + "‘ />").appendTo("body");
    jQuery("#imgshow")
        .css("top", (e.pageY - xOffset) + "px")
     .css("left", (e.pageX + yOffset) + "px")
        .fadeIn("fast");
}, function() {
    jQuery("#imgshow").remove();
});

//鼠标移动

jQuery("#imglist").find("img").mousemove(function(e) {
    jQuery("#imgshow")
       .css("top", (e.pageY - xOffset) + "px")
       .css("left", (e.pageX + yOffset) + "px")
});