资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
兼容FF&IE的滚动代码
<table width=250 border=0 bgcolor=F6F6F6 style="margin-top:15;border:1px solid #F2F2F2" height="150"> <tr> <td height="100px"> <div id="scrollcont" style="overflow:hidden;height:100px;" onmouseover="scrolling=1" onmouseout="scrolling=0"> <div id="scrollcont1"> My Name is tomzhou! Hello,ipaddr Hello,bcomcn My Name is tomzhou2! Hello,ipaddr2 Hello,bcomcn2 </div> <div id="scrollcont2"></div> </div> </td> </tr> </table> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%3E%20%0D%0Avar%20scrolling%3D0%3B%20%0D%0Avar%20t%3Dscrollcont.scrollTop%3B%20%0D%0Ascrollcont2.innerHTML%3Dscrollcont1.innerHTML%3B%20%0D%0Afunction%20scrollShow()%20%0D%0A%7B%20%0D%0A%20%20%20if%20(scrolling%3D%3D1)%20%20return%3B%20%0D%0A%20%20%20if%20(scrollcont2.offsetTop-scrollcont.scrollTop%3C%3D0)%20%0D%0A%20%20%20%20scrollcont.scrollTop-%3Dscrollcont1.offsetHeight%3B%20%0D%0A%20%20%20else%20%0D%0A%20%20%20%20%20scrollcont.scrollTop%2B%2B%3B%20%0D%0A%7D%20%0D%0AsetInterval(scrollShow%2C50)%3B%20%0D%0A%3C%2Fscript%3E">
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
其中,100px是滚动区域的高度,宽度由scrollcont的外面容器决定,setInterval里面的50决定滚动的速度。
教程首页
更多教程