特效描述：全屏图片 放大缩小 幻灯片。jQuery制作全屏的马赛克透明背景，鼠标滚轮控制图片放大缩小拖动，自适应页面幻灯片切换代码。
代码结构
1. 引入CSS
<link type="text/css" rev="stylesheet" rel="stylesheet" href="css/reset.css"> <link type="text/css" rev="stylesheet" rel="stylesheet" href="css/zoom.css">
2. 引入JS
<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script> <script type="text/javascript" src="js/jquery.SuperSlide.2.1.3.js"></script> <script type="text/javascript" src="js/e-smart-zoom-jquery.min.js"></script>
3. HTML代码
<div class="zoom">
<div class="zoombtn of_h">
<div class="prev btn fc_l"></div>
<div class="next btn fc_r"></div>
</div>
<div class="zoomlist of_h">
<div class="list">
<div class="zoombd">
<div class="imgContainer">
<img id="imageFullScreen_1" src="images/1.jpg"/>
</div>
</div>
<div class="zoombd">
<div class="imgContainer">
<img id="imageFullScreen_2" src="images/2.jpg"/>
</div>
</div>
<div class="zoombd">
<div class="imgContainer">
<img id="imageFullScreen_3" src="images/3.jpg"/>
</div>
</div>
<div class="zoombd">
<div class="imgContainer">
<img id="imageFullScreen_4" src="images/4.jpg"/>
</div>
</div>
<div class="zoombd">
<div class="imgContainer">
<img id="imageFullScreen_5" src="images/5.jpg"/>
</div>
</div>
<div class="zoombd">
<div class="imgContainer">
<img id="imageFullScreen_6" src="images/6.jpg"/>
</div>
</div>
</div>
</div>
</div>
