0

ページが読み込まれると透明になり、マウスをその上に置くと不透明度が 100% になるように、ナビゲーション バーの画像 (ホーム、ニュース、概要など) を作成したいと考えています。クエリはメソッドをフェードアウトし、ホバーアウトすると透明になりますが、J-Query このメソッドは反転しています... J-Query フェードメソッドを試しましたが、ページが読み込まれると、すでに 100% 不透明になっています。これをどのようにコーディングできますか? ! ありがとう

私はこのコードを試しました

<script type="text/javascript" src="jquery.js"></script>
   <script type="text/javascript">

    $(document).ready(function(){
      $(".navfade").mouseover(function(){
         $(this).fadeTo(500,1)
         });
         });

  $(document).ready(function(){
    $(".navfade").mouseout(function(){
      $(this).fadeTo(500,0.65)
       });
        });

</script>

しかし、それは私が欲しいものではありません

4

2 に答える 2

0 
/* CSS */ 
       .navfade {
            opacity: 0.5;
            -moz-opacity:0.5;
            -khtml-opacity: 0.5;
            -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
            filter: alpha(opacity=50);
        }

/* JS */

    $(function() {
        $('.navdfade').hover(

            function() {
                $(this).animate({opacity : 1.0}, 250);
            },
            function() {
                $(this).animate({opacity : 0.5}, 250);
            });
    });

不透明度とフェード時間を好みに合わせて調整します。楽しみ！

于 2013-10-12T19:58:45.020 に答える