博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js 大图轮播
阅读量:6947 次
发布时间:2019-06-27

本文共 1316 字,大约阅读时间需要 4 分钟。

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

  

转载于:https://www.cnblogs.com/jiulinghoudabai/p/6719146.html

你可能感兴趣的文章
用分解的方式学算法002——插入排序
查看>>
剑指Offer 16 数值的整数次方
查看>>
Intent 调用系统中经常用到的组件
查看>>
011PHP基础知识——运算符(四)
查看>>
SpringBoot集成WebSocket【基于STOMP协议】进行点对点[一对一]和广播[一对多]实时推送...
查看>>
20060308: WOW角色不见了
查看>>
iOS 横屏模态进入下一级界面, 竖屏退出
查看>>
乱搞-模拟退火
查看>>
AC日记——滑动窗口 洛谷 P1886
查看>>
Android监听手机网络变化
查看>>
ES6基础-解构赋值
查看>>
html转义字符
查看>>
C++ 简单的日志类
查看>>
Linux /proc目录详解
查看>>
VirtualBox不显示64bit版本的iso
查看>>
架构阅读笔记15
查看>>
关于setInterval
查看>>
Java学习之路(一)
查看>>
vim缩进
查看>>
UVA 10837 A Research Problem
查看>>