Heim >Web-Frontend >js-Tutorial >Discuz 公告效果（自动换行，无间隙滚动）_javascript技巧

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

WBOYOriginal: 2016-05-16 18:54:591298Durchsuche

<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">鍒嗕韩涓</a></li>
</ul>
</div>
</div>

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：提取自百度有啊的css圆角效果_导航菜单Nächster Artikel：利用javascript移动div层-javascript 拖动层_javascript技巧

In Verbindung stehende Artikel

Mehr sehen