JAVASCRIPT不间断滚动
更新时间:2023-06-11 03:45:01 阅读量: 实用文档 文档下载
JAVASCRIPT
JS不间断向左滚动
<div id=demo style=overflow:hidden;height:139;width:232;background:#f4f4f4;color:#ffffff>
<table align=left cellpadding=0 cellspace=0 border=0>
<tr>
<td id=demo1 valign=top>
<img src="/lanren/jscode/js-0063/images/01.jpg">
<img src="/lanren/jscode/js-0063/images/02.jpg">
<img src="/lanren/jscode/js-0063/images/03.jpg">
<img src="/lanren/jscode/js-0063/images/04.jpg">
<img src="/lanren/jscode/js-0063/images/05.jpg">
</td>
<td id=demo2 valign=top>
</td>
</tr>
</table>
</div>
<script>
var speed=30
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
JS不间断向右滚动
<div id=demo style=overflow:hidden;height:139;width:232;background:#f4f4f4;color:#ffffff><table align=left cellpadding=0 cellspace=0 border=0><tr><td id=demo1 valign=top><img src="/lanren/jscode/js-0063/images/01.jpg"><img src="/lanren/jscode/js-0063/images/02.jpg"><img src="/lanren/jscode/js-0063/images/03.jpg"><img src="/lanren/jscode/js-0063/images/04.jpg"><img src="/lanren/jscode/js-0063/images/05.jpg"></td><td id=demo2 valign=top></td></tr></table></div>
<script>
var speed=30
demo2.innerHTML=demo1.innerHTML
demo.scrollLeft=demo.scrollWidth
function Marquee(){
if(demo.scrollLeft<=0)
demo.scrollLeft+=demo2.offsetWidth
else{
demo.scrollLeft--
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
JS不间断向上滚动
<div id=demo style=overflow:hidden;height:139;width:232;background:#f4f4f4;color:#ffffff><div id=demo1>
<img src="/lanren/jscode/js-0063/images/01.jpg">
<img src="/lanren/jscode/js-0063/images/02.jpg">
<img src="/lanren/jscode/js-0063/images/03.jpg">
<img src="/lanren/jscode/js-0063/images/04.jpg">
<img src="/lanren/jscode/js-0063/images/05.jpg">
</div>
<div id=demo2></div>
</div>
<script>
var speed=50
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else{
demo.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
JS不间断向下
滚动
<div id=demo style=overflow:hidden;height:139;width:232;background:#f4f4f4;color:#ffffff><div id=demo1>
<img src="http:
JAVASCRIPT
///lanren/jscode/js-0063/images/01.jpg">
<img src="/lanren/jscode/js-0063/images/02.jpg">
<img src="/lanren/jscode/js-0063/images/03.jpg">
<img src="/lanren/jscode/js-0063/images/04.jpg">
<img src="/lanren/jscode/js-0063/images/05.jpg">
</div>
<div id=demo2></div>
</div>
<script>
var speed=30
demo2.innerHTML=demo1.innerHTML
demo.scrollTop=demo.scrollHeight
function Marquee(){
if(demo1.offsetTop-demo.scrollTop>=0)
demo.scrollTop+=demo2.offsetHeight
else{
demo.scrollTop--
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
看下这个,直接拷贝过来用就行了
向左滚动:/lanren/code/20070724/code153529.shtml
向右滚动:/lanren/code/20070724/code153817.s
html
向上滚动:/lanren/code/20070724/code152941.shtml
向下滚动:/lanren/code/20070724/code153045.shtml
正在阅读:
JAVASCRIPT不间断滚动06-11
龟头上长了一些小疙瘩.docx08-19
学而思2年级暑假数学天天练10-14
党员干部在2022年加快推进项目建设工作会议上的讲话范文03-25
福建医科大学 神经病学 往年试题06-05
作文素材 - 包装与本色04-07
图说九年、十年常见边齿及特征07-01
2015-2016学年度函数周期月考卷06-14
- 教学能力大赛决赛获奖-教学实施报告-(完整图文版)
- 互联网+数据中心行业分析报告
- 2017上海杨浦区高三一模数学试题及答案
- 招商部差旅接待管理制度(4-25)
- 学生游玩安全注意事项
- 学生信息管理系统(文档模板供参考)
- 叉车门架有限元分析及系统设计
- 2014帮助残疾人志愿者服务情况记录
- 叶绿体中色素的提取和分离实验
- 中国食物成分表2020年最新权威完整改进版
- 推动国土资源领域生态文明建设
- 给水管道冲洗和消毒记录
- 计算机软件专业自我评价
- 高中数学必修1-5知识点归纳
- 2018-2022年中国第五代移动通信技术(5G)产业深度分析及发展前景研究报告发展趋势(目录)
- 生产车间巡查制度
- 2018版中国光热发电行业深度研究报告目录
- (通用)2019年中考数学总复习 第一章 第四节 数的开方与二次根式课件
- 2017_2018学年高中语文第二单元第4课说数课件粤教版
- 上市新药Lumateperone(卢美哌隆)合成检索总结报告
- 间断
- JAVASCRIPT
- 滚动
- 山西寺河不同煤体结构煤萃取后的族组成特征
- 2014-2020年中国酱腌菜行业供需调查及投资咨询报告(最新版)
- 高校教务管理系统的分析与设计
- 慢性非传染性疾病综合防控示范区工作计划
- 文化差异对国际商务谈判的影响及应对策略
- 小学生必背的成语
- Localized Components Analysis
- 《食品化学》绪论
- 校级骨干教师评选方案
- 明珠学校信息化建设工作汇报材料
- 人教版竞赛考点二年级上学期小学语文期末模拟试卷C卷课后练习
- 西昌生态区紫花苜蓿引种适应性的灰色关联度分析
- 地理信息系统与相关学科的关系
- 践行群众路线 用群众观点指导精神文明建设工作
- 深基坑施工应急救援预案
- Finite-time Lyapunov exponents of Strange Nonchaotic Attractors
- 参观工厂_心得体会
- EXCEL数据透视表之从入门到精通
- 北师大版数学一年级下册第六章第2节摘苹果同步检测A卷
- 江阴公交线路一览表(2011-1)