JavaScriptの小さな例 - ティッカーの効果

私たちは、多くの場合、画面の弾幕を転がりフォントだけでなく、携帯電話で見るというように、コードに示すように、以下の簡単なティッカーの効果は次のとおりです。

<！DOCTYPE HTML> 
<HTML> 
<HEAD LANG = "EN"> 
    <メタ文字コード= "UTF-8"> 
    <タイトル>跑马灯效果</ TITLE> 
    <スタイルタイプ= "テキスト/ cssの"> 
        * { 
            マージン： 0 ; 
            パディング： 0 ; 
            フォント - サイズ：16pxに; 
        } 

        #wrap { 
            幅：1000px。
            マージン：20ピクセルオート; 
            ボーダー：2ピクセル固体＃51C9F1。
            白 - スペース：NOWRAP。
            オーバーフロー：隠されました; 
            パディング：10pxの; 
            カラー：ゴールド;
 
        DIV #Wrap { 
            表示：インライン - ブロックと、
            フォント - サイズ：20ピクセル; 
        } 

        #wrapスパン{ 
            フォント - サイズ：20ピクセル; 
            色：黄色; 
        }


     </スタイル> 
</ head> 
<body> 
<DIV ID =「ラップ「> 
    <divの上記のid =」ファースト「> 
        <span>をHuachenゆう</ span>を-私たちは、何かをしなければならない限り、あなたが望むように、あなたは常に、他人の意見についてあまり心配しないで何ができるか歳で誰規定、！
    </ DIV> 
    <DIV ID = "最終"> 
        <span>をHuachenゆう</ span>の         つまり、あなたが何かをしたい、あなただけ言います。しかし、私はあなたがそれを確立することでなければならない何か言う前提だった
        良い基盤を。あなたはそれについて移動することができたときに、これが終了した後の文章が彼を傷つけることはありません、何を言っています。しかし、もし

        あなたは文を終了すると思いますか、この人を支援することです、あなたが言うことができます。あなたは自分自身の情熱的に依存している場合、私は今、非常に不幸な感じ
        、私はそれを言いました。しかし、単純に彼を傷つけるされた文を完了するために、実際には、あなたは彼らとの差がありません。
    </ DIV> 
</ DIV> 


<スクリプトタイプ= "テキスト/ JavaScriptを"> 

    （関数（）{
         VARのラップ=のdocument.getElementById（ 'ラップ'）、まず=のdocument.getElementById（ 'ファースト'）; //は、タグを取得
        VaRのタイマ= window.setInterval（,. 5を移動させ）; 
        wrap.onmouseover = 関数（）{ 
            window.clearInterval（タイマ）; 
        }; 
        wrap.onmouseout = 関数（）{ 
            タイマ window.setIntervalは（,. 5を移動= ）。
        }。
        関数移動（）{ 
            wrap.scrollLeft ++ 。
            もし（wrap.scrollLeft> = first.scrollWidth）{ 
                wrap.scrollLeft = 0 。
            } 
        } 
    }）（）; 

</スクリプト> 
</ BODY> 
</ HTML>

JavaScriptの小さな例 - ティッカーの効果

おすすめ