0

それで、

フォーラムの「ホバーアニメーションの問題」の海で迷子になる危険を冒して、ここに行きます：

ランディング ページ用の一連のホバー アニメーション ボタンを開発しています。それらのホバー状態は丸みを帯びた div です。

ここに画像の説明を入力

そして、初期/「マウスオフ」状態は、div のないカラー アニメーション テキストです。

ここに画像の説明を入力

div の背景色をアニメーション化するスクリプトを含む JSfiddleを持っているので、カーソルがその上にあるときに茶色にフェードしますが、構文が機能していないように見えるため、何かを見落としていると思います。

<script type="text/javascript">
  $(document).ready(function(){
    $(".corners").hover(function() {
      $(this).stop().animate({ backgroundColor: "#fff"}, 'fast');
    },
    function() {
      $(this).stop().animate({ backgroundColor: "#8B5E3C"}, 'fast');
    });
  });
</script>
<div class="corners"> 
    <div class="cornertext">Main Site</div> 
</div>
<div class="corners"> 
    <div class="cornertext">Mobile</div> 
</div>

このプロパティを理解したら、目標はフォントの色を同時に変更する関数を設定することですが、最初に DIV カラー アニメーションの問題点を特定する必要があります。SOの才能からの助けは素晴らしいでしょう!

-マルカ</p>

4

1 に答える 1

1

ui ライブラリを含めるのを忘れていました。ここに動作するデモがあります。jquery を含めた後にライブラリを含めるようにしてください。

拡張の詳細については、こちらも参照してください。.animate()

于 2012-09-17T00:50:57.710 に答える