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