兼容IE6-8及Firefox的简洁滚动特效代码
作者:像素猫时间:2026-10-25 09:21:39浏览:212
本文分享一段简洁的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以及样式中的高度设置。
作者最新文章
js-cookie 安装与基础用法:set、get、remove 详解
2026-11-05 16:35:06
适合JavaScript初学者的实战项目:制作简易待办事项列表
2026-11-05 16:17:07
JS打开新标签页时怎么通过URL传递参数
2026-11-05 12:21:08
sigma.js 自定义节点样式:设置颜色、大小及标签显示的技巧
2026-11-05 09:55:00
JS 生成的统计图怎么导出为 PNG 图片或 PDF 文件?
2026-11-05 09:37:58
