基于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
新闻热点
疑难解答