彻底搞懂JS无缝滚动代码


Posted in Javascript onJanuary 03, 2007

在做个东西要滚动代码 而且是无缝的 搞了半天还是不行 
决心一定要把这个问题搞定 经过研究 也不难 代码如下:

 程序代码 

<div id=demo style=overflow:auto;height:180;width:200;background:#009900;color:#006600>  
<table  align=top>  
<tr>  
<td id=demo1 valign=top>  <p>aaaaaaaaaaa</p>  
<p>aaaaaaaaaaa</p>  
<p>aaaaaaaaaaa</p>  
<p>aaaaaaaaaaa</p>  
<p>aaaaaaaaaaa</p>  
<p>aaaaaaaaaaa</p>  

 </td>  
</tr>  
<tr>  
<td id=demo2 valign=top></td>  
</tr>  
</table>  
</div>  
<script>  
var speed=15  
demo2.innerHTML=demo1.innerHTML//克隆demo1为demo2  
function Marquee(){  
if(demo2.offsetHeight-demo.scrollTop<=0)//当滚动至demo1与demo2交界时  
demo.scrollTop-=demo1.offsetHeight//demo跳到最顶端  
else{  
demo.scrollTop++  //如果是横向的 将 所有的 height top 改成 width left  
}  
}  
var MyMar=setInterval(Marquee,speed)//设置定时器  
demo.onmouseover=function() {clearInterval(MyMar)}//鼠标移上时清除定时器达到滚动停止的目的  
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}//鼠标移开时重设定时器  
</script> 

复制到一个HTM的文件即可运行了. 

Javascript 相关文章推荐
JavaScript中创建对象和继承示例解读
Feb 12 Javascript
Js操作树节点自动折叠展开的几种方法
May 05 Javascript
轻松学习jQuery插件EasyUI EasyUI创建RSS Feed阅读器
Nov 30 Javascript
jquery实现可旋转可拖拽的文字效果代码
Jan 27 Javascript
简单实现JavaScript图片切换效果
Nov 28 Javascript
jQuery实现checkbox的简单操作
Nov 18 jQuery
React.js绑定this的5种方法(小结)
Jun 05 Javascript
原生实现一个react-redux的代码示例
Jun 08 Javascript
jquery使用FormData实现异步上传文件
Oct 25 jQuery
Vue实现移动端页面切换效果【推荐】
Nov 13 Javascript
js实现三角形粒子运动
Sep 22 Javascript
vue中可编辑树状表格的实现代码
Oct 31 Javascript
经典的解除许多网站无法复制文字的绝招
Dec 31 #Javascript
对象的类型:本地对象(1)
Dec 29 #Javascript
JavaScript高级程序设计
Dec 29 #Javascript
JavaScript 参考教程
Dec 29 #Javascript
js自带函数备忘 数组
Dec 29 #Javascript
slice函数的用法 之不错的应用
Dec 29 #Javascript
通过js脚本复制网页上的一个表格的不错实现方法
Dec 29 #Javascript
You might like
php算开始时间到过期时间的相隔的天数
2011/01/12 PHP
Yii视图CGridView实现操作按钮定义地址示例
2016/07/14 PHP
thinkphp实现分页显示功能
2016/12/03 PHP
PHP实现通过文本文件统计页面访问量功能示例
2019/02/13 PHP
Laravel 验证码认证学习记录小结
2019/12/20 PHP
ASP.NET jQuery 实例6 (实现CheckBoxList成员全选或全取消)
2012/01/13 Javascript
JS实现简单的图书馆享元模式实例
2015/06/30 Javascript
JS函数的定义与调用方法推荐
2016/05/12 Javascript
使用JS 插件qrcode.js生成二维码功能
2017/02/20 Javascript
9种改善AngularJS性能的方法
2017/11/28 Javascript
javascript修改浏览器title方法 JS动态修改浏览器标题
2017/11/30 Javascript
webpack中如何加载静态文件的方法步骤
2019/05/18 Javascript
我要点爆”微信小程序云开发之项目建立与我的页面功能实现
2019/05/26 Javascript
浅谈webpack构建工具配置和常用插件总结
2020/05/11 Javascript
vue实现点击按钮“查看详情”弹窗展示详情列表操作
2020/09/09 Javascript
JS绘图Flot如何实现动态可刷新曲线图
2020/10/16 Javascript
pygame学习笔记(2):画点的三种方法和动画实例
2015/04/15 Python
Python3.2模拟实现webqq登录
2016/02/15 Python
Python的Flask框架应用程序实现使用QQ账号登录的方法
2016/06/07 Python
Python实现获取本地及远程图片大小的方法示例
2018/07/21 Python
Python输出\u编码将其转换成中文的实例
2018/12/15 Python
Python实现的插入排序,冒泡排序,快速排序,选择排序算法示例
2019/05/04 Python
将Pytorch模型从CPU转换成GPU的实现方法
2019/08/19 Python
Numpy对数组的操作:创建、变形(升降维等)、计算、取值、复制、分割、合并
2019/08/28 Python
python调用c++返回带成员指针的类指针实例
2019/12/12 Python
如何使用python3获取当前路径及os.path.dirname的使用
2019/12/13 Python
Python3基本输入与输出操作实例分析
2020/02/14 Python
北卡罗来纳州豪华家具和家居装饰店:Carolina Rustica
2018/10/30 全球购物
大码女装:Ulla Popken
2019/08/06 全球购物
建筑专业毕业生自荐信
2014/05/25 职场文书
给妈妈洗脚活动方案
2014/08/16 职场文书
2015年项目经理工作总结
2015/04/30 职场文书
欠款起诉书范文
2015/05/19 职场文书
离婚被告答辩状
2015/05/22 职场文书
创业计划书之淘宝网店
2019/10/08 职场文书
SQL Server基本使用和简单的CRUD操作
2021/04/05 SQL Server