基于jQuery图片放大变小全屏切换焦点图

12/6/2015来源:Javascript教程人气:1442

基于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