当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 兼容FF&IE的滚动代码

技术文章搜索

关键字

Javascript 中的 兼容FF&IE的滚动代码

---

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-09-12   浏览: 150 ::
收藏到网摘: n/a

新浪滑门技术 javaScript对象和属性的创建方法

点击运行可以看到效果:<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> <script> var scrolling=0; var t=scrollcont.scrollTop; scrollcont2.innerHTML=scrollcont1.innerHTML; function scrollShow() { if (scrolling==1) return; if (scrollcont2.offsetTop-scrollcont.scrollTop<=0) scrollcont.scrollTop-=scrollcont1.offsetHeight; else scrollcont.scrollTop++; } setInterval(scrollShow,50); </script>
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]

其中,100px是滚动区域的高度，宽度由scrollcont的外面容器决定，setInterval里面的50决定滚动的速度。

新浪滑门技术 javaScript对象和属性的创建方法

评论 (0) All

登陆 还没注册？

设为首页 | 加入收藏 | 关于我们 | 联系我们 | 广告服务 | 网站地图 | 友情链接 | 在线帮助 | 免责声明 Sitemap W3school

如果您觉得本站不错，别忘了告诉您的同学和同事哟 ^_^

欢迎各网站转载我们的原创，转载时请注明出处。

All copyright is reserved by 软晨网（RuanChen.com）