快捷導(dǎo)航

JavaScript 無(wú)縫上下左右滾動(dòng)加定高定寬停頓效果(兼容ie/ff)

更新時(shí)間：2010年03月18日 20:09:19 作者：

JavaScript 指定寬度高度的無(wú)間斷滾動(dòng)實(shí)現(xiàn)代碼，這樣的效果適合作為焦點(diǎn)新聞的輪播顯示。

JavaScript 無(wú)縫上下滾動(dòng)加定高定寬停頓效果(兼容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 無(wú)縫上下滾動(dòng)加定高定寬停頓效果(兼容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   id="vvxyksv9kd"   class=Scroller id=idScroller> <DIV style="WIDTH: 400px"> <div   id="vvxyksv9kd"   class=ScrollMid id=idScrollMid> <UL> <LI><a href="http://www.dbjr.com.cn" target="_blank">順德于1993年被批準(zhǔn)為廣東省綜合改革試點(diǎn)。 </a></LI> <LI><a href="http://www.dbjr.com.cn" target="_blank">2006年順德成為首個(gè)GDP超過(guò)1000億的縣級(jí)行政單位。 </a></LI> <LI><a href="http://www.dbjr.com.cn" target="_blank">2000至2003年順德均在中國(guó)百?gòu)?qiáng)縣排名中位居榜首。 </a></LI> <LI><a href="http://www.dbjr.com.cn" target="_blank">2005年順德實(shí)現(xiàn)國(guó)內(nèi)生產(chǎn)總值856.11億元。 </a></LI></UL></DIV></DIV></DIV>  </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

JavaScript 無(wú)縫左右滾動(dòng)加定高定寬停頓效果(兼容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 無(wú)縫左右滾動(dòng)加定高定寬停頓效果(兼容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   id="vvxyksv9kd"   class=Scroller id=idScroller> <DIV style="WIDTH: 1600px"> <div   id="vvxyksv9kd"   class=ScrollMid id=idScrollMid> <UL> <LI><a href="http://www.dbjr.com.cn" target="_blank">順德于1993年被批準(zhǔn)為廣東省綜合改革試點(diǎn)。 </a></LI> <LI><a href="http://www.dbjr.com.cn" target="_blank">2006年順德成為首個(gè)GDP超過(guò)1000億的縣級(jí)行政單位。 </a></LI> <LI><a href="http://www.dbjr.com.cn" target="_blank">2000至2003年順德均在中國(guó)百?gòu)?qiáng)縣排名中位居榜首。 </a></LI> <LI><a href="http://www.dbjr.com.cn" target="_blank">2005年順德實(shí)現(xiàn)國(guó)內(nèi)生產(chǎn)總值856.11億元。 </a></LI></UL></DIV></DIV></DIV>  </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

您可能感興趣的文章: