本文分享一段简洁的JavaScript滚动特效代码，该代码在IE6、IE7、IE8及Firefox浏览器中均能良好运行。针对同时滚动多条内容的场景，需通过调整参数C及CSS高度样式进行适配优化。
<!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" /> <title>2010最新全面兼容ie6,ie7,ie8,ff的CSS HACK写法</title> <style type="text/css"> #google1 { border:none; width:270px; height:20px; margin:0px 0; font-size:12px; padding-left:0px; overflow:hidden; font-family:Arial; } #google1 ul { margin:0px; padding:0px; list-style-type:none; } #google1 li { line-height:20px; } </style> </head> <body> <div id="google1"> <ul id="dhooo1"> <li>轮回﹒修真﹒神话 创意新作《岐山》首度公开</li> <li>西游战记炫彩登场 1080P高清画面享受</li> <li>开测前必读 《西游战记》新手问题合辑</li> <li>呕血推荐 《西游战记》36大亮点纵览</li> <li>1开测前必读 《西游战记》新手问题合辑</li> <li>2开测前必读 《西游战记》新手问题合辑</li> </ul> </div> </body> </html> 兼容IE6-8及Firefox的滚动特效代码
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
这段代码源自网络，因近期再次使用而记录存档，以防日后遗失。目前尝试搜索其原始说明文档已无果。
该代码结构精简且具备优秀的浏览器兼容性。主要局限在于若需同时滚动多条内容时会出现问题，因此需要调整参数C以及样式中的高度设置。