基于jQuery图片放大变小切换代码是一款全屏banner图片轮播切换特效。效果图如下:
在线预览 源码下载
实现的代码。
html代码:
<divclass="banner"><ulclass="banList"><liclass="active"><ahref="http://sc.chinaz.com/"><imgsrc="images/img1.jpg"/></a></li><li><ahref="http://sc.chinaz.com/"><imgsrc="images/img2.jpg"/></a></li><li><ahref="http://sc.chinaz.com/"><imgsrc="images/img3.jpg"/></a></li></ul><divclass="fomW"><divclass="jsNav"><ahref="javascript:;"class="trigger current"></a><ahref="Javascript:;"class="trigger"></a><ahref="javascript:;"class="trigger"></a></div></div></div><scripttype="text/javascript">$(function(){
$(".banner").swBanner();
});</script>
via:http://www.w2bc.com/article/jquery-big-to-small-change-focus