私人领地

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);
            
    });

 

posted @ 2013-07-09 09:36  狂奔的蜗牛Snails  阅读(323)  评论(0编辑  收藏  举报