首页 > 代码库 > js 大图轮播
js 大图轮播
var timer; var timer1; var imgCount = 0; var speed = 0; document.getElementsByClassName(‘melelexxr‘)[0].onmouseover = function () { window.clearInterval(timer1); } document.getElementsByClassName(‘melelexxr‘)[0].onmouseout = function () { autoMove(); } autoMove(); //自动移动 function autoMove() { timer1 = window.setInterval(function () { move1(1); }, 1800); } //移动方法 function move1(fx) { window.clearInterval(timer);//关掉定时器 if (fx == 1)//判断向左还是向右 imgCount++; else imgCount--; if (imgCount >= 3)//超出长度,变为第一张 imgCount = 0; else if (imgCount < 0) imgCount = 2; var end = -1190 * imgCount; var oImgMove = document.getElementsByClassName(‘melelexxrd‘)[0]; timer = window.setInterval(function () { if (oImgMove.offsetLeft == end) { window.clearInterval(timer);//关掉定时器 return; } speed = Math.ceil(Math.abs((Math.abs(end) - Math.abs(oImgMove.offsetLeft))) / 10); document.getElementById(‘h1‘).innerText = speed; //图片移动 if (oImgMove.offsetLeft > end) oImgMove.style.left = oImgMove.offsetLeft - speed + ‘px‘; else if (oImgMove.offsetLeft < end) oImgMove.style.left = oImgMove.offsetLeft + speed + ‘px‘; }, 20); }
js 大图轮播
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。