-1

編集：コメントで回答 - コメントで回答に投票するにはどうすればよいですか?? ありがとう！

私はこれを無駄に実装しようとしてきました-何が悪いのかわかりません-jsfiddleでは完全に機能しましたが、実際のhtmlコードでは機能しませんでした...実装方法に関係があると思います。これが少し初歩的なことでしたら申し訳ありませんが、私は jQuery を初めて使用します。HTML コードは次のとおりです (jQuery コード スニペットを含む)。

<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="s3Slider.js"></script>

</head>
<body>
<script>
$(document).ready(function(){

$('a').mouseenter(function(){
    $(this).animate({
        color: '#ff0000'
    }, 1000);
}).mouseout(function(){
    $(this).animate({
        color: '#000000'
    }, 1000);
});

});
</script>

<a href = "http://google.com" class = "homeLink">Google</a>

</body>
</html>

フィードバック、コメント、アドバイスをいただければ幸いです。バッジョ

4

3 に答える 3

2

コードにカラーアニメーションのJQueryUIを含めて、同じことを試してください...

それが動作します

<script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script>

フィドル： http： //jsfiddle.net/RYh7U/63/

参照： http： //jqueryui.com/animate/

于 2013-02-11T15:02:00.083 に答える
1

色をアニメーション化するには、jQuery Color プラグインが必要です。ここからコピーを入手してください。メインの jQuery ライブラリの後に含めることを忘れないでください。

または、完全に表示および非表示にしたい場合は、色の代わりに不透明度をアニメーション化するだけです。

$('a').mouseenter(function(){
    $(this).animate({
        opacity: '1'
    }, 1000);
}).mouseout(function(){
    $(this).animate({
        opacity: '0'
    }, 1000);
});
于 2013-02-11T14:54:25.083 に答える
1

テキストを薄くしたい場合は...不透明度を使用します...

$(document).ready(function(){

   $('a').mouseenter(function() {
     $(this).animate({ opacity : '0.5' }, 1000);
   }).mouseout(function() {
     $(this).animate({ opacity: '1'}, 1000);
   });
});
于 2013-02-11T14:56:04.333 に答える