对于一些比较小的图片，通过鼠标移动到图片上进行放大显示，原理很简单，就是将图片显示的尺寸变大后放在浏览器的一个指定位置，从而实现图片的放大预览。以下是代码：
代码如下:
jQuery图片预览 $(function () {
var x = 0;
var y = 0;
$("img").mouseover(function (e) { //鼠标移动到图片上添加事件，显示放大图片
$("#imgShow").attr("src", this.src).show();
});
$("img").mouseout(function () { //鼠标从图片移开图片隐藏
$("#imgShow").hide();
});
})
![]()
初始页面：
鼠标放到第三个图片的效果：
