jquery满屏滚动代码

//获取显示器宽度 、高度
    $screenW = document.body.clientWidth;
    $screenH = 450;
    $BTimer = 2000;    // 时间周期
    
    $liSize = $(".num li").length;
    $ulW = $liSize*$screenW;
    
    $(".ban ul").css("width", $ulW);
    $(".ban li").css("width", $screenW);
    
    function Bscroll(){
        $b = $("#Bbig li");   //图片滚动div名称
        $s = $("#Bsmall li");   //小按钮div名称
        $i = $s.index($("#Bsmall li.on"));
        $n = $i+1;
        if($n>$liSize-1){
            $n = 0;    
        }
        $s.removeClass("on");
        $s.eq($n).addClass("on");
        
        $scroll = -$n * $screenW;
        $("#Bbig ul").animate({left: $scroll});
        
        $BBTimer = setTimeout(Bscroll,$BTimer);        
    }
    Bscroll();
    
    $("#Bsmall li").click(function(){
        $i = $(this).index();
        
        $s.removeClass("on");
        $s.eq($i).addClass("on");
        
        $scroll = -$i * $screenW;
        $("#Bbig ul").animate({left: $scroll});
        
        clearTimeout($BBTimer);
            
    });

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值