最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
JS实现的DIV块来回滚动效果示例
时间:2017-03-17 编辑:简简单单 来源:一聚教程网
代码如下 | 复制代码 |
脚本之家 functionls(){ varp=true;//开关,true开,false关 varxx=document.getElementById('xx'); varxxleft = parseInt(xx.style.left); varspeed = 20; vart=setInterval(rollRight,speed); //向左移动 functionrollLeft(){ if(p){ xxleft--; xx.style.left = xxleft+'px'; if(xxleft <=0 ){ clearInterval(t); t=setInterval(rollRight,speed); } } } //向右移动 functionrollRight(){ if(p){ xxleft++; xx.style.left = xxleft+'px'; if(xxleft >= 300){ clearInterval(t); t=setInterval(rollLeft,speed); } } } } ls(); |
运行效果图如下:
-
下一个: JS简单获取当前年月日星期的方法示例
相关文章
- js实现彩色条纹滚动条效果 06-29
- js实现4个方向滚动的球 05-28
- js实现无缝滚动图 04-24
- js实现文本上下来回滚动的教程 03-13
- 原生js实现中奖信息无间隙滚动效果 02-06
- js实现消息滚动效果的教程 02-06