<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")
});
时间: 2024-10-11 01:43:24