-1 
$(document).ready(function(){
    $("h1").hover(function(){
        $(this).animate({'color' : 'red'}, "fast");
    },
    function(){
        $(this).animate({'color' : 'white'}, "fast");
    });
});

h1 タグにカーソルを合わせると、テキストの色が赤に変わります。マウスがh1タグを離れたら、テキストを再び白くしたい。誰かが私のコードを修正してくれませんか?

4

2 に答える 2

2

ドキュメントから ：

注: jQuery UIプロジェクトは、色などの数値以外のスタイルをアニメーション化できる.animate()ようにすることで、メソッドを拡張します。このプロジェクトには、個々の属性ではなく、CSS クラスを通じてアニメーションを指定するためのメカニズムも含まれています。

jQuery が読み込まれた後、ページに jQuery UI を含めます。

http://code.jquery.com/ui/1.10.3/jquery-ui.js

あなたは次の<head>ようになります：

<!-- Load jQuery -->
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<!-- Load jQuery UI -->
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

その後、アニメーションが機能します。

JSFIDDLE

于 2013-08-16T14:08:38.873 に答える
0

jQuery だけで色をアニメーション化することはできません。

色をアニメーション化するには、 jQuery UIを含める必要があります。

次の HTML を使用します。

<h1>A header</h1>
<h1>Another header</h1>
<h1>And another header</h1>
<h2>A h2</h2>

そしてあなたのJavascript：

$(document).ready(function(){
    $("h1").hover(function(){
        $(this).animate({color : 'red'}, "fast");
    },
    function(){
        $(this).animate({color : 'white'}, "fast");
    });
});

ここにデモがあります。

于 2013-08-16T14:08:35.733 に答える