완전히 고전적인 풀리 뉴스 디스플레이(javascript css)implementation_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>