js 无缝滚屏
2015-11-02 16:34
579 查看
<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(){ // console.log(demo2.offsetHeight-demo.scrollTop); 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>
相关文章推荐
- 实用JS收录(持续更新)
- 时间戳 以及 tojson
- 五大浏览器js 判断IE、Firefox、Safari、Chrome、Opera
- JavaScript基础学习(一)--对象实例String的学习
- 在同一个jsp页面包括嵌套页面出现2个相同的id会怎么样
- JS预先加载图片
- 百度API返回JSON数据解析
- javascript+css相册
- JS代码
- web应用下jsp中img src访问绝对路径的解决办法
- selenium使用js代码验证数据正确性
- 使用JspSmart文件上传
- js正则小记
- js json 转化
- 关于去除Eclipse对JavaScript的验证
- JavaScript中Java式的类的继承
- jsp引入js文件的疑惑
- Extjs的完成按钮和位置
- javascript注册表单验证实现
- JavaScript