zoukankan      html  css  js  c++  java
  • 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);
                
        });
  • 相关阅读:
    SQL Server Management Studio
    uiimage拉伸
    时间空间复杂度
    冒泡选择排序

    插入排序
    快速构建APP
    TTTAtibutedlabel
    Git命令
    适配
  • 原文地址:https://www.cnblogs.com/wesky/p/3179223.html
Copyright © 2011-2022 走看看