欢迎到访爱收集博客,喜欢就Ctrl+D收藏吧!

点击登录
  • 欢迎访问网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站

jquery简单实现方块隐藏banner

记录 qaqcn 198次浏览 1个评论

jquery简单实现方块隐藏banner
开始暂停定时器

		$(".banner").hover(function(){
			clearInterval(L_timer);
		},function(){
			L_timer = setInterval(function(){ 
			    showNextImg();
			},2500);
		});

通过递归执行动画隐藏


		function picShow(arrayObj){
			//随机数
			var suiji = arrayObj[Math.floor(Math.random() * arrayObj.length)];
			$("#L_animation"+suiji).animate({
			// "left":"-500px",
	        "opacity": "0",
	        },10, function () {
	        		arrayObj.remove(suiji);
		        	picShow(arrayObj);
	        });
			if (arrayObj == 0) {
        	 	var ImgId = "#i"+(SelectIndex);
				$(".L_box img").attr("src",$(ImgId).attr("src"));
				$(".L_box").css("left","0");
				$(".L_box").css("opacity","1");
				$(".L_NextOrTop span").css("pointer-events","auto"); 
				$("#numGapcation").css("pointer-events","auto");
        	 }
		}

链接: https://pan.baidu.com/s/1X8yuFOklusGGfcJ637gq5w


爱收集 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权 , 转载请注明jquery简单实现方块隐藏banner
喜欢 (0)
支付宝[]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(1)个小伙伴在吐槽
  1. 签到成功!签到时间:2018-06-12 15:17:54,每日打卡,生活更精彩哦~
    qaqcn2018-06-12 15:18 回复 Windows 10 | Chrome 67.0.3396.79