asd1213812
泉鈅
采纳率0%
2020-12-18 18:07

大神帮帮忙,添加一下注释,越详细越好

//全屏滚动
window.onload=function(){
    var n=0;
    var imgLength=$(".b-img img").length;
    var ctWidth=imgLength*100;
    var itemWidth=1/imgLength*100;
    $(".b-img").width(ctWidth+"%");
    $(".b-img img").width(itemWidth+"%");
    $(".banner").height($(".b-img img:eq(0)")[0].height+"px");

    $(".b-list").width(imgLength*30);
    
    $(".b-list").css('padding-top',$(".b-img img:eq(0)")[0].height-20);
    
    if(imgLength>1)
    {
    for(var i=0;i<imgLength;i++)
    {
        var listSpan=$("<span></span>")
        $(".b-list").append(listSpan);
        }
    }
    $(".b-list span:eq(0)").addClass("spcss").siblings("span").removeClass("spcss");
    $(".bar-right em").click(function(){
        if(n==imgLength-1)
        {
            var ctPosit=(n+1)*100;
            $(".banner").append($(".b-img").clone());
            $(".b-img:last").css("left","100%");
            $(".b-img:first").animate({"left":"-"+ctPosit+"%"},1000);
            $(".b-img:last").animate({"left":"0"},1000);
            var setTime0=setTimeout(function () {
            $(".banner .b-img:first").remove();
            }, 1000);
            n=0;
            $(".b-list span:eq("+n+")").addClass("spcss").siblings("span").removeClass("spcss");
            }
        else
        {
        n++;
        var ctPosit=n*100;
        $(".b-img").animate({"left":"-"+ctPosit+"%"},1000);
        $(".b-list span:eq("+n+")").addClass("spcss").siblings("span").removeClass("spcss");
        }
        })
    $(".bar-left em").click(function(){
        if(n==0)
        {
            var stPosit=imgLength*100;
            var etPosit=(imgLength-1)*100;
            $(".banner").prepend($(".b-img").clone());
            $(".b-img:first").css("left","-"+stPosit+"%");
            $(".b-img:last").animate({"left":"100%"},1000);
            $(".b-img:first").animate({"left":"-"+etPosit+"%"},1000);
            var setTime0=setTimeout(function () {
            $(".banner .b-img:last").remove();
            }, 1000);
            n=imgLength-1;
            $(".b-list span:eq("+n+")").addClass("spcss").siblings("span").removeClass("spcss");
            }
        else
        {
        n--;
        var ctPosit=n*100;
        $(".b-img").animate({"left":"-"+ctPosit+"%"},1000);
        $(".b-list span:eq("+n+")").addClass("spcss").siblings("span").removeClass("spcss");
        }
        })
    $(".b-list span").click(function(){
        var lsIndex=$(this).index();
        n=lsIndex;
        var ctPosit=n*100;
        $(".b-img").animate({"left":"-"+ctPosit+"%"},1000);
        $(this).addClass("spcss").siblings("span").removeClass("spcss");
        })
    function rollEnvent(){
        if(n==imgLength-1)
        {
            var ctPosit=(n+1)*100;
            $(".banner").append($(".b-img").clone());
            $(".b-img:last").css("left","100%");
            $(".b-img:first").animate({"left":"-"+ctPosit+"%"},1000);
            $(".b-img:last").animate({"left":"0"},1000);
            var setTime0=setTimeout(function () {
            $(".banner .b-img:first").remove();
            }, 1000);
            n=0;
            $(".b-list span:eq(0)").addClass("spcss").siblings("span").removeClass("spcss");
            }
        else
        {
        n++;
        var ctPosit=n*100;
        $(".b-img").animate({"left":"-"+ctPosit+"%"},1000);
        $(".b-list span:eq("+n+")").addClass("spcss").siblings("span").removeClass("spcss");
        }
        }
    var slidesetInterval=setInterval(rollEnvent,4000);
    $(".banner").hover(function(){clearInterval(slidesetInterval);},function(){slidesetInterval=setInterval(rollEnvent,4000);});

  1. }
//全屏滚动
window.onload=function(){
    var n=0;
	var imgLength=$(".b-img img").length;
	var ctWidth=imgLength*100;
	var itemWidth=1/imgLength*100;
	$(".b-img").width(ctWidth+"%");
	$(".b-img img").width(itemWidth+"%");
	$(".banner").height($(".b-img img:eq(0)")[0].height+"px");

	$(".b-list").width(imgLength*30);
	
	$(".b-list").css('padding-top',$(".b-img img:eq(0)")[0].height-20);
	
	if(imgLength>1)
	{
	for(var i=0;i<imgLength;i++)
	{
		var listSpan=$("<span></span>")
		$(".b-list").append(listSpan);
		}
	}
	$(".b-list span:eq(0)").addClass("spcss").siblings("span").removeClass("spcss");
	$(".bar-right em").click(function(){
		if(n==imgLength-1)
		{
			var ctPosit=(n+1)*100;
			$(".banner").append($(".b-img").clone());
			$(".b-img:last").css("left","100%");
			$(".b-img:first").animate({"left":"-"+ctPosit+"%"},1000);
			$(".b-img:last").animate({"left":"0"},1000);
			var setTime0=setTimeout(function () {
            $(".banner .b-img:first").remove();
            }, 1000);
			n=0;
			$(".b-list span:eq("+n+")").addClass("spcss").siblings("span").removeClass("spcss");
			}
		else
		{
		n++;
		var ctPosit=n*100;
		$(".b-img").animate({"left":"-"+ctPosit+"%"},1000);
		$(".b-list span:eq("+n+")").addClass("spcss").siblings("span").removeClass("spcss");
		}
		})
	$(".bar-left em").click(function(){
		if(n==0)
		{
			var stPosit=imgLength*100;
			var etPosit=(imgLength-1)*100;
			$(".banner").prepend($(".b-img").clone());
			$(".b-img:first").css("left","-"+stPosit+"%");
			$(".b-img:last").animate({"left":"100%"},1000);
			$(".b-img:first").animate({"left":"-"+etPosit+"%"},1000);
			var setTime0=setTimeout(function () {
            $(".banner .b-img:last").remove();
            }, 1000);
			n=imgLength-1;
			$(".b-list span:eq("+n+")").addClass("spcss").siblings("span").removeClass("spcss");
			}
		else
		{
		n--;
		var ctPosit=n*100;
		$(".b-img").animate({"left":"-"+ctPosit+"%"},1000);
		$(".b-list span:eq("+n+")").addClass("spcss").siblings("span").removeClass("spcss");
		}
		})
	$(".b-list span").click(function(){
		var lsIndex=$(this).index();
		n=lsIndex;
		var ctPosit=n*100;
		$(".b-img").animate({"left":"-"+ctPosit+"%"},1000);
		$(this).addClass("spcss").siblings("span").removeClass("spcss");
		})
	function rollEnvent(){
		if(n==imgLength-1)
		{
			var ctPosit=(n+1)*100;
			$(".banner").append($(".b-img").clone());
			$(".b-img:last").css("left","100%");
			$(".b-img:first").animate({"left":"-"+ctPosit+"%"},1000);
			$(".b-img:last").animate({"left":"0"},1000);
			var setTime0=setTimeout(function () {
            $(".banner .b-img:first").remove();
            }, 1000);
			n=0;
			$(".b-list span:eq(0)").addClass("spcss").siblings("span").removeClass("spcss");
			}
		else
		{
		n++;
		var ctPosit=n*100;
		$(".b-img").animate({"left":"-"+ctPosit+"%"},1000);
		$(".b-list span:eq("+n+")").addClass("spcss").siblings("span").removeClass("spcss");
		}
		}
	var slidesetInterval=setInterval(rollEnvent,4000);
	$(".banner").hover(function(){clearInterval(slidesetInterval);},function(){slidesetInterval=setInterval(rollEnvent,4000);});
}
  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享
  • 邀请回答

2条回答

  • ZSH_jerry shuxhan 4月前

    第一次看到这中问题。。这算白嫖吗

    点赞 1 评论 复制链接分享
  • qq_37026254 白日有梦 4月前

    我以前怎么没想到还可以这样,哈哈

    点赞 评论 复制链接分享

相关推荐