首页 > 特效插件 > 滚动轮播 >  仿易迅网新品首发首页jQuery大屏动画焦点图轮播效果正文

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

特效介绍
jquery首页图片轮播
仿易迅网新品首发首页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、在文件中加入<!-- 代码 开始 --><!-- 代码 结束 -->区域代码