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

本文共 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

你可能感兴趣的文章
.NET深入解析LINQ框架(六:LINQ执行表达式)
查看>>
Windows Server 2012 远程桌面设置及授权
查看>>
温故知新——JS_ ES5新特性简介
查看>>
诙谐幽默、一针见血的笔法剖析“云计算”?
查看>>
『WPF』使用 [Annotation] 注释来定制数据/实体类
查看>>
Oracle字符串截取和拼接应用
查看>>
多元线性回归最小二乘法及其应用
查看>>
来了开源社区多年都没有发过一次文章纠结得很主要是自己不会写
查看>>
THC SSL DOS攻擊 一種沒有解藥的新攻擊工具
查看>>
征婚 SQL
查看>>
ADSL共享上网方式大总结
查看>>
MYSQL优化
查看>>
Python操作Access数据库基本操作步骤分析
查看>>
PHP微信退款异步通知aes-256-ecb解密
查看>>
[翻译]内存 - 第二部分:理解进程内存
查看>>
在 windows下刷日本 FC2 WHR-G301N路由器openwrt和DD-WRT教程(适用于
查看>>
java集群优化——多线程下的单例模式
查看>>
spring的使用
查看>>
手机号码归属地查询api [开源]
查看>>
](反编译微信小程序)一键获取微信小程序源码CrackMinApp
查看>>