欢迎来到我爱模板网，请记住我们的域名5imoban.net。本站资源大部分免费下载。如需定制，可联系站长QQ543031222。如果您觉得本站不错，请推荐给您的好友！

各位热心的网友们，欢迎给本站留言！您的任何建议和意见本站都会认真查看，仔细采纳！

当前位置：模板网首页 > 特效插件 > 滚动图片 > 仿易迅网新品首发首正文

仿易迅网新品首发首页jQuery大屏动画焦点图轮播效果

作者：网页模板

大小：0.88MB

点击次数：

发布时间：2014-02-19 14:02

分享到：

特效介绍

仿易迅网新品首发首页jQuery大屏动画焦点图轮播效果，兼容IE6

使用方法

1、head区域引入下面的代码

<link rel="stylesheet" href="css/5imoban.css" type="text/css"/>
<script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="js/global.js"></script>
<script type="text/javascript" src="js/tab.js"></script>
<script type="text/javascript">
    $(function(){
        var $window = $(window),
            window_width = $window.width();
        $('#js_banner, #js_banner_img li').width(window_width);

        var urlParam = G.util.parse.url(),
            startFrame = 0;
        if (urlParam.search && ('banner' in urlParam.search)) {
            startFrame = (parseInt(urlParam.search['banner'])-1) || 0;
        }

        new $.Tab({/*添加圆点按钮*/
            target: $('#js_banner_img li'),
            effect: 'slide3d',
            animateTime: 1000,
            stay: 4000,
            playTo: startFrame,
            autoPlay: true,
            merge: true,
            prevBtn: $('#js_banner_pre'),
            nextBtn: $('#js_banner_next')
        });
        $('#js_banner_img').css('left','-' + (window_width * startFrame) + 'px');
    })
</script>

参数详解
animateTime: 1000，即完成一次滚动的时间为1秒，单位为毫秒
stay: 4000，即图片切换时间为4秒，单位毫秒
2、在文件中加入区域代码