这个在淘宝上处处可见了,需要两张图片,一张大的一张小的,在<a>标签显示小图片,链接大图片,再给其添加一个jqzoom调用,设置其选中区域的长和宽。
还可以引用其css库,设置其选中或非选中部分变灰。
这里也是慕课网提供的一个css和一个js库
<link href="http://www.imooc.com/data/jquery.jqzoom.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://www.imooc.com/data/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="http://www.imooc.com/data/jquery.jqzoom.js"></script>
</pre></p><p><pre class="html" name="code"><pre class="html" name="code"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"