jQuery全屏图片放大缩小特效代码下载


jQuery全屏图片放大缩小特效代码下载
jQuery全屏图片放大缩小特效代码下载以及全屏图片、放大缩小等js/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>

相关推荐

发表评论

相关文章