绝对经典的滑轮新闻显示(javascript+css)实现_javascript技巧

绝对经典的滑轮新闻显示(javascript+css)
很早就有了，今天又见到，拿出来大家分享一下。。。

效果如下图：

<!-- saved from url=(0026)http://www.popuni.com/ --> <title>绝对经典的滑轮新闻显示(javascript+css)</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <style type="text/css"> <!-- BODY { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; COLOR: black; LINE-HEIGHT: 150%; PADDING-TOP: 10px; BACKGROUND-COLOR: white; TEXT-ALIGN: center } .dis { DISPLAY: block } .undis { DISPLAY: none } #cntR { WIDTH: 302px } #NewsTop { CLEAR: both; MARGIN-BOTTOM: 16px } #NewsTop P { FLOAT: left; LINE-HEIGHT: 21px } #NewsTop P.topTit { FONT-WEIGHT: bold; WIDTH: 117px } #NewsTop P.topC0 { BACKGROUND: #dcdcdc; BORDER-LEFT: #f2f2f2 1px solid; WIDTH: 40px; CURSOR: pointer } #NewsTop P.topC1 { BACKGROUND: #c2130e; BORDER-LEFT: #f2f2f2 1px solid; WIDTH: 40px; COLOR: #fff } #NewsTop #NewsTop_tit { BORDER-BOTTOM: #c2130e 3px solid; HEIGHT: 21px } #NewsTop #NewsTop_cnt { PADDING-LEFT: 32px; BACKGROUND: url(/upload/2007321103411941.gif) no-repeat 12px 13px; LINE-HEIGHT: 26px; PADDING-TOP: 7px; HEIGHT: 260px; TEXT-ALIGN: left } #NewsTop #NewsTop_cnt A { COLOR: #666; TEXT-DECORATION: none } #NewsTop #NewsTop_cnt A:hover { COLOR: #c2130e; TEXT-DECORATION: underline } --> </style> <div id="cntR"> <div id="NewsTop"> <div id="NewsTop_tit"> <p class="topTit"></p> </div> </div> </div>