1

テキスト（この場合は単語）の配列をフラッシュするJavascriptを作成するにはどうすればよいですか？私はJavascriptを初めて使用します。私は5つの文字列配列が好きで、これらを順番に点滅させてフェードさせたいです。最後のものに到達すると、最初から始まります。シャープな消えて現れるのを本当に探しているわけではありませんが、ニュース速報のようにゆっくりと消えて再び現れるようなメカニズムです。

- "Car"
- "Dog"
- "Sky"
- "Building"

car - <fade> - <appear> - dog - <fade> - <appear> - sky  ... etc.

誰かがリンクまたは実際のコードを提供した場合、私はすぐに答えを受け入れて、あなたにポイントを与えるつもりです。

これは次のように行われます。

    var array = ["Hello", "World"]
    var len = array.length
    for (var i = 0; i < array.length; i++) {
        var interval = loopVerySlowly(array, i);
    }

    function loopVerySlowly(array, index) {
        function doSomething() {
            var _content = document.getElementById("hello");

            _content.innerHTML = array[index];

            index = (index + 1) % array.length; // increment for next time
        }

        return setInterval(doSomething, 1000 * 5);
    }
4

1 に答える 1

0

私が javascript を学び始めたとき、誰もが jQuery を学ぶようなものでした。それにより、すべてがはるかに簡単になり、同じヘルプを「jQuery を学ぶ」ように伝えます。詳細はこちら

フェードインはjqueryではるかに簡単なので、ここにいくつかのドキュメント があり
ます フェードアウトもここ
にあります。

というわけで背景を少々。jQuery は、スローガンが 'write less do more' である JavaScript ライブラリです。これはまさにそれが行うことです。jQuery がなければ、以下の例ははるかに大きくなります。JQuery は、ほとんどの JavaScript ファイルと同様に、Web サイトのスクリプトに配置する必要があります。以下の例では、https://developers.google.com/speed/libraries/devguide にある Google コンテンツ配信ネットワーク (CDN) を使用しています。 . ダウンロードしてサーバーに保存することもできますが、サーバーの帯域幅とスペースが限られている場合は、Google にホストさせたほうがよいでしょう。

例として

    <html>
      <head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <script type="text/javascript">
     $(document).ready(function(){
       $(".fadein").click(function(){
            $(".fade").fadein('slow');
        });
        $(".fadeout").click(function(){
            $(".fade").fadeOut('slow');
        });
    });

</script>

      </head>
      <body>
        <div class="fade" style="background: black; width: 300px; height: 300px;position: absolute"><p> I can fadein</p></div>
        <button class="fadein">fadein<button
        <button class="fadeout">fadeout</button>



      </body>
    </html>

また、ここに私が使用したすべての例があります

ここに jsFiddler があります:ここにもフェードして順番に表示するための jsfiddler があります ここに例を示します

于 2012-11-11T08:12:43.400 に答える