ホームページ > 記事 > ウェブフロントエンド > Discuz アナウンス効果 (自動行折り返し、ギャップレススクロール)_JavaScript スキル

Discuz アナウンス効果 (自動行折り返し、ギャップレススクロール)_JavaScript スキル

WBOYオリジナル: 2016-05-16 18:54:591256ブラウズ

<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>

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：Baidu Youah の CSS 角丸効果_ナビゲーションメニューから抜粋次の記事：Baidu Youah の CSS 角丸効果_ナビゲーションメニューから抜粋

続きを見る

Discuz アナウンス効果 (自動行折り返し、ギャップレススクロール)_JavaScript スキル

関連記事