ページのニュースのヒント、スクロールアップまたはダウン

HTML部分:

                            <%- メッセージのスクロールを配置する- %> 
                            < divのクラス= "messageWrap borderBox" > 
                                < divのクラス= "メッセージborderBox" > 
                                    < UL ID = "お知らせ" > 
                                        < クラス= "テキスト省略記号" >このメッセージ0 </ > 
                                        < クラス=「テキスト省略記号は」>このメッセージである。1 </ > 
                                        < クラス=「テキスト省略記号は」>これはメッセージ2です</ > 
                                    </ UL> 
                                </ DIV > 
                            </ DIV >

CSSのセクション:

/ * ============スタイルにメッセージをスクロール=========== * / 
.messageWrap { 
  位置絶対 ; 0 ; 
  高さ0.64rem ; 100% ; 
  パディング0 0.2rem ; 
  オーバーフロー隠された ; 
} 
.message { 100% ; 
  背景#FFF ; 
  ボーダーRADIUS-左上20ピクセル ; 
  ボーダーRADIUSトップ右20ピクセル
  高さ100% ; 
  オーバーフロー隠された ; 
  パディング左0.2rem ; 
} 
.messageのLi { 
  行の高さ0.64rem ; 
} / * ============スタイルにメッセージをスクロール============= * /

JS一部:

    // 消息通知上下翻滚
    VAR NUM = $( "#通知")( "LI"を見つける。).LENGTHを。
    もし(NUM> 1 ){ 
        たsetInterval(関数(){ 
            $( '#notice' ).animate({ 
                marginTop: "-26px" 
            }、 500、関数(){ 
                $(この)の.css({marginTop:「0 "})(見つける。" LI:。)最初の「appendTo(この); 
            }); 
        }、 3000 )。
    }

おすすめ

転載: www.cnblogs.com/sherryweb/p/12097081.html