JavaScript 实现兼容 IE/FF 的无缝滚动与停顿效果

<!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=gb2312" /> <title>JavaScript 无缝上下滚动加定高定宽停顿效果(兼容ie/ff)</title> </head> <body>  <STYLE> body {font-size:12px;} .Scroller {line-height:20px; border:1px solid #D4D4D4; padding:0px 10px; height:20px; width:400px;} .Scroller *{margin:0px; padding:0px;} .ScrollMid {float:left;} .ScrollMid ul{width:400px;float:left;} .ScrollMid li{list-style:none; float:left; width:390px; padding-left:10px;line-height:20px; } </STYLE> <DIV class=Scroller id=idScroller> <DIV style="WIDTH: 400px"> <DIV class=ScrollMid id=idScrollMid> <UL> <LI>顺德于1993年被批准为广东省综合改革试点。 </LI> <LI>2006年顺德成为首个GDP超过1000亿的县级行政单位。 </LI> <LI>2000至2003年顺德均在中国百强县排名中位居榜首。 </LI> <LI>2005年顺德实现国内生产总值856.11亿元。 </LI></UL></DIV></DIV></DIV>  </body> </html>

注意：在使用 Ctrl+A 全选内容时，若引入了外部 JavaScript 文件，必须刷新页面后代码才能正常执行。

<!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=gb2312" /> <title>JavaScript 无缝左右滚动加定高定宽停顿效果(兼容ie/ff)</title> </head> <body>  <STYLE> body {font-size:12px;} .Scroller {line-height:20px; border:1px solid #D4D4D4; padding:0px 10px; height:20px; width:400px;} .Scroller *{margin:0px; padding:0px;} .ScrollMid {float:left;} .ScrollMid ul{width:800px;float:left;} .ScrollMid li{list-style:none; float:left; width:390px; padding-left:10px;line-height:20px; } </STYLE> <DIV class=Scroller id=idScroller> <DIV style="WIDTH: 1600px"> <DIV class=ScrollMid id=idScrollMid> <UL> <LI>顺德于1993年被批准为广东省综合改革试点。 </LI> <LI>2006年顺德成为首个GDP超过1000亿的县级行政单位。 </LI> <LI>2000至2003年顺德均在中国百强县排名中位居榜首。 </LI> <LI>2005年顺德实现国内生产总值856.11亿元。 </LI></UL></DIV></DIV></DIV>  </body> </html>

注意：在使用 Ctrl+A 全选内容时，若引入了外部 JavaScript 文件，必须刷新页面后代码才能正常执行。