0

我想以这样的方式制作导航栏图像（主页、新闻、关于等），当页面加载时，它在加载时是透明的，当我们将鼠标悬停在它上面时，它的不透明度会变成 100%，就像 J-查询淡入淡出方法和悬停时它会变得透明，但是 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

尝试这样的事情。

$(function() {
    $(".navfade").css({opacity: 0.5});
    $( ".navfade" ).hover(
      function() {
        $( this ).animate({opacity: 1});
      }, function() {
        $( this ).animate({opacity: 0.5});
      }
    );  
});
于 2013-10-12T19:57:56.240 回答
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 回答