很多图片放大镜的效果，有专门的JQ插件，这个效果在外贸网站建设中也是非常常见的。

JQ图片放大镜功能集合地址：http://www.mind-projects.it/projects/jqzoom/demos.php#demo

使用说明：

要准备一张小图和一张清晰点的大图,然后在页面中引入JQUERY和这个插件的JS

<script src="../js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="../js/jqzoom.pack.1.0.1.js" type="text/javascript"></script>

然后再引入一个CSS，CSS也是必须的，不然样式显示有错误。

<link rel="stylesheet" href="../css/jqzoom.css" type="text/css">

图片要准备2张，大图和小图

<a href="kawasakigreen.jpg" class="jqzoom" style="" title="kawasaki">
<img src="kawasakigreen_small.jpg" border="0" style="border: 1px solid #666;"  title="kawasakigreen"></a>

这里注意的是一张大图,一张小图,并且"kawasakigreen_small.jpg"这个小图中,那个title是要出现在放大镜里的文字标题

然后在网页中调用下面这个JS，具体的根据DEMO而来。

<script type="text/javascript">

$(function() {

  var options3 =
            {
                zoomWidth: 200,
                zoomHeight: 200,
                xOffset: 20,
                title: false,
                lens:false

            }

 $(".jqzoom").jqzoom(options3);
});
</script>

设置完成。