Discuz 公告效果（自动换行，无间隙滚动）_javascript技巧

程序员文章站 2022-04-21 21:49:18

...

<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>
<div id="announcement" onmouseover="if(!anncount) {clearTimeout(annst);annst = 0}" onmouseout="if(!annst) annst = setTimeout('announcementScroll()', anndelay);"> 
<div id="announcementbody"> 
<ul>
<li>
<a href="http://hi.baidu.com/mimimo/blog/item/0f4ab6defbf1b65fccbf1ada.html" target="_blank" rel="nofollow">分享个表单验证函数</a>（2008-12-16 05:30 P.M.）</li> 
<li>
<a href="http://hi.baidu.com/mimimo/blog/item/d6b9543ddf2739e93d6d9798.html" target="_blank" rel="nofollow">块级元素和级联元素的含义</a>（2008-12-13 03:39 P.M.）</li> 
<li>
<a href="http://hi.baidu.com/mimimo/blog/item/5cc8a31ed1749d1841341796.html" target="_blank" rel="nofollow">如何设置<span>的width属性且不换行？？</span></a>（2008-12-13 03:23 P.M.）</li> 
<li>
<a href="http://hi.baidu.com/mimimo/blog/item/11bf1b174322d9064a90a788.html" target="_blank" rel="nofollow">执行javascript后，gif动画就静止了？？</a>（2008-12-13 03:12 P.M.）</li> 
<li>
<a href="http://hi.baidu.com/mimimo/blog/item/67424f901f46308aa977a4f5.html" target="_blank" rel="nofollow">基于栅格地图的查询系统（切片缓存技术）</a>（2008-11-29 07:38 P.M.）</li> 
<li>
<a href="http://hi.baidu.com/mimimo/blog/item/b5230933b495d5ff1b4cff78.html" target="_blank" rel="nofollow">【转】flash和javascript之间的通讯（javascript调用flash中的函数）</a>（2008-11-27 07:45 P.M.）</li> 
<li>
<a href="http://hi.baidu.com/mimimo/blog/item/07bad22a214e132ad42af106.html" target="_blank" rel="nofollow">不使用循环和回调函数输出字符1~100</a>（2008-11-23 03:00 P.M.）</li> 
<li>
<a href="http://hi.baidu.com/mimimo/blog/item/acc8421005e1fbfbc2ce795a.html" target="_blank" rel="nofollow">简洁的js图片等比缩放</a>（2008-11-22 04:54 P.M.）</li> 
<li>
<a href="http://hi.baidu.com/mimimo/blog/item/2940948f875a27fd503d9265.html" target="_blank" rel="nofollow">分贝网音乐地址获取器</a>（2008-11-20 05:19 P.M.）</li> 
</ul>
</div> 
</div>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

相关标签： Discuz 公告效果自动换行无间隙滚动

上一篇： linux下MySQL主从同步监控shell脚本

下一篇： MySQL高级八——触发器的使用