Discuz 公告效果（自動換行，無間隙滾動）

更新時間：2009年03月26日 01:38:55 作者：

Discuz 公告效果效果代碼，可以自動換行和無間隙滾動

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"> <HTML xmlns="http://www.w3.org/1999/xhtml"> <HEAD> <TITLE></TITLE> <META http-equiv=Content-Type content="text/html; charset=gbk"> <style type="text/css"> ul {     padding-right: 0px;     padding-left: 0px;     padding-bottom: 0px;     margin: 0px;     padding-top: 0px } #announcement {     width:100%;     background:url(img/menu_bg.gif) repeat;     overflow: hidden; } #announcement div {     border: #e6e6e6 1px solid;     padding:0px 10px 0px 10px;     overflow-y:hidden;     line-height: 24px;     height: 24px } #announcement li {     font-size: 12px;     float: left;     list-style-type: none;     margin-right: 20px;     padding-left: 10px;     background: url(img/arrow_right.gif) no-repeat 0px 50%;     white-space: nowrap } #announcement a {     text-decoration: none; } #announcement a:hover {     text-decoration:underline; } </style> </HEAD> <BODY> <div   class="7n2x2ov"   id=announcement onMouseOver="if(!anncount) {clearTimeout(annst);annst = 0}" onMouseOut="if(!annst) annst = setTimeout('announcementScroll()', anndelay);"> <div   class="j7w7liv"   id=announcementbody> <UL> <LI><A href="http://hi.baidu.com/mimimo/blog/item/0f4ab6defbf1b65fccbf1ada.html" target="_blank">分享個表單驗證函數(shù)</A>（2008-12-16 05:30 P.M.）</LI> <LI><A  target="_blank">塊級元素和級聯(lián)元素的含義</A>（2008-12-13 03:39 P.M.）</LI> <LI><A  target="_blank">如何設(shè)置&lt;span&gt;的width屬性且不換行？？</A>（2008-12-13 03:23 P.M.）</LI> <LI><A  target="_blank">執(zhí)行javascript后，gif動畫就靜止了？？</A>（2008-12-13 03:12 P.M.）</LI> <LI><A  target="_blank">基于柵格地圖的查詢系統(tǒng)（切片緩存技術(shù)）</A>（2008-11-29 07:38 P.M.）</LI> <LI><A  target="_blank">【轉(zhuǎn)】flash和javascript之間的通訊（javascript調(diào)用flash中的函數(shù)）</A>（2008-11-27 07:45 P.M.）</LI> <LI><A  target="_blank">不使用循環(huán)和回調(diào)函數(shù)輸出字符1~100</A>（2008-11-23 03:00 P.M.）</LI> <LI><A  target="_blank">簡潔的js圖片等比縮放</A>（2008-11-22 04:54 P.M.）</LI> <LI><A  target="_blank">分貝網(wǎng)音樂地址獲取器</A>（2008-11-20 05:19 P.M.）</LI> </UL> </DIV> </DIV> <script type="text/javascript"> function $(id) { return document.getElementById(id); } var anndelay = 3000; var anncount = 0; var annheight = 24; var annst = 0; function announcementScroll() { if( ! annst) { $('announcementbody').innerHTML += '<br style="clear: both" />' + $('announcementbody').innerHTML; $('announcementbody').scrollTop = 0; if($('announcementbody').scrollHeight > annheight * 3) { annst = setTimeout('announcementScroll()', anndelay); } else { $('announcement').onmouseover = $('announcement').onmouseout = null; } return; } if(anncount == annheight) { if($('announcementbody').scrollHeight - annheight <= $('announcementbody').scrollTop) { $('announcementbody').scrollTop = $('announcementbody').scrollHeight / 2 - annheight; } anncount = 0; annst = setTimeout('announcementScroll()', anndelay); } else { $('announcementbody').scrollTop ++ ; anncount ++ ; annst = setTimeout('announcementScroll()', 10); } } announcementScroll(); </script> </BODY> </HTML>

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

您可能感興趣的文章: