你的位置:首页 > Java教程

[Java教程]基于jQuery图片放大变小全屏切换焦点图


基于jQuery图片放大变小切换代码是一款全屏banner图片轮播切换特效。效果图如下:

在线预览    源码下载

实现的代码。

html代码:

<div class="banner">  <ul class="banList">    <li class="active"><a href="http://sc.chinaz.com/"><img src="images/img1.jpg"/></a></li>    <li><a href="http://sc.chinaz.com/"><img src="images/img2.jpg"/></a></li>    <li><a href="http://sc.chinaz.com/"><img src="images/img3.jpg"/></a></li>  </ul>  <div class="fomW">    <div class="jsNav">      <a href="javascript:;" class="trigger current"></a>      <a href="javascript:;" class="trigger"></a>      <a href="javascript:;" class="trigger"></a>    </div>  </div></div>   <script type="text/javascript"> $(function(){  $(".banner").swBanner();});</script>

via:http://www.w2bc.com/article/jquery-big-to-small-change-focus