javascript - 导航图像在页面加载时透明？

Question

我想制作导航栏图像(主页、新闻、关于等)，当页面加载时，它在加载时是透明的，当我们将鼠标悬停在它上面时，它的不透明度将变为 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>

但这不是我想要的

Answer 1

尝试这样的事情。

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