网上看到一个特别牛逼的js滚动类横着竖着都可以

最新推荐文章于 2024-10-04 06:11:34 发布

binbin1129

最新推荐文章于 2024-10-04 06:11:34 发布

阅读量1.8k

点赞数

分类专栏： web开发文章标签： function float border class xhtml up

web开发专栏收录该内容

1 篇文章 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=gb2312" /> <title>JavaScript 无缝上下左右滚动加定高定宽停顿效果(兼容ie/ff)</title> </head> <body> <mce:script type="text/javascript"></mce:script> <mce:style></mce:style><style mce_bogus="1">.Scroller {}{line-height:50px; border:1px solid #000000; padding:0px 10px; height:50px; 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;}</style> <div id="idScroller" class="Scroller" style="width:400px; height:50px;"> <div style="width:1600px"> <div id="idScrollMid" class="ScrollMid"> <ul> <li>111111111111</li> <li>2222222222222</li> <li>333333333333333</li> <li>4444444444444</li> </ul> </div> </div> </div> <div id="test"></div> </body> </html>