Javascript 页面加载时导航图像是否透明？

我想让导航栏图像（主页、新闻、关于等）这样，当页面加载时，它在加载时是透明的，当我们将鼠标悬停在它上面时，它的不透明度将变为100%，就像J-Query淡出方法&悬停时它将变为透明，但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>

$（文档）.ready（函数（）{
$（“.navfade”）.mouseover（函数（）{
美元（本）.fadeTo（500,1）
});
});
$（文档）.ready（函数（）{
$（“.navfade”）.mouseout（函数（）{
美元（本）.fadeTo（500,0.65）
});
});

---

但这不是我想要的

试试这样的东西

$(function() {
    $(".navfade").css({opacity: 0.5});
    $( ".navfade" ).hover(
      function() {
        $( this ).animate({opacity: 1});
      }, function() {
        $( this ).animate({opacity: 0.5});
      }
    );  
});

---

根据您的喜好调整不透明度和淡出持续时间。享受吧

你能试着用你的HTML布局和CSS等在JSFIDLE中建立一个例子吗？另外，你不需要两个现成的函数来完成你想做的事情。请注意，不需要jQuery或javascript。听说过级联样式表吗？使用所需的不透明度设置元素的样式，并使用

：hover

。完成。您还可以最初在CSS中而不是在ready函数中设置.navfade。可能更喜欢这种方式，除非出于某种原因需要最初通过JS进行设置。

/* 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);
            });
    });