JavaScript滚动新闻类【转】

最新推荐文章于 2024-08-30 20:29:15 发布

snow_online

最新推荐文章于 2024-08-30 20:29:15 发布

阅读量476

点赞数

分类专栏： JavaScript 文章标签： javascript function class xhtml div html

JavaScript 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <title>滚动新闻类 - 51js.com - biyuan</title> <mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1">body { text-align:center; } td { font-size:12px; line-height:20px; text-align:left; } .marquee { width:100%; height:100%; overflow:hidden; } .m { height:20px; } .m2 { height:90px; }</style> </head> <body> <table border='1'> <tr> <td height='20' width='250'><div id='marquee1' class='marquee m'></div></td> <td height='20' width='300'><div id='marquee2' class='marquee m'></div></td> </tr> <tr> <td height='99' colspan='2'>基本上够用了吧！</td> </tr> <tr> <td height='90' colspan='2'><div id='marquee3' class='marquee m2'></div></td> </tr> </table> <mce:script language="JavaScript"></mce:script> </body> </html>

使用这个滚动效果，遇到的问题

1.开始复制代码的时候一直没有使用这个样式，导致文字不移动，后来将样式添加进去，可以移动了！具体应该跟overflow:hidden;相关

2.js for 循环当中，for in 循环this.Content对象，一直将此对象自带属性迭代出来！后来使用for(var i=0; i<this.Content.length....)但是文字却不移动，一直在费解！。。。后来同事提示说，因为this.Content当中只有一条记录，是因为记录太少缘故。。添加记录 OK

3.开始在Ie中，当滚动数据较多时，总是很慢很慢才出来，找啊找 Dv.innerHTML = BodyHtml.join("<br />"); 这行代码去掉<br/>;

snow_online

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript滚动新闻类【转】

滚动新闻类 - 51js.com - biyuan<!--body { text-align:center;}td { font-size:12px; line-height:20px; text-align:left;}.marquee { width:100%; height:100%;
复制链接

扫一扫