javascript - Javascript スクロール コード

Question

これは、実装したいコードへのリンクです。

http://jsfiddle.net/g7gYy/12/

コードをどこに配置し、実際にそれを機能させるかを考えるのに少し苦労しています。

ここに私がアップロードした html ファイルがあります: http://www.canning.co.nz/Game/testmarquee.html

これについて何か助けてもらえますか？

ありがとう

Answer 1

まず、jquerylibをページに追加しませんでした。

<script src="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

次に、すべてのコードをドキュメントの準備ができている状態にします。ドキュメントの準備が整う前にコードが実行されますが、要素は一部の操作を実行する準備ができていないためです。

$(document).ready(function() {
    var $text = $('.text-to-scroll', $marquee);
    var textWidth = $text.width();

    var $marquee = $('#marquee');
    var marqueeWidth = $marquee.width();
    $marquee.css('height', $text.height());

    function animateLoop()
    {
        //First lets put if out of view to the left
        $text.css('left', -textWidth);
        //Now it's out of view, change it's display from none to block
        $text.css('display', 'block');

        //Now we can animate it so that if scrolls across the screen
        //http://api.jquery.com/animate/
        $text.animate({ 'left' : marqueeWidth }, 10000, 'linear', animateLoop);
    }
});

Answer 2

JavaScript ファイルのリンクが適切ではありません。

<script language="JavaScript" type="text/javascript" src="marquee.js">

marquee.js ファイルが testmarquee.html ページと同じフォルダーにあることを確認してください。

後で編集：

ああ、スクラッチ、私は間違っていた、マテウスは実際には正しかった.:D