Question

我有一个css菜单，对某些图像的翻转有一个JQUERY不透明度淡化效果。我的问题是当我需要以不透明度0.8开始时，图像以100％不透明度开始。

这是我目前的代码：

$(document).ready(function(){
    $(".nav_btn").hover(function() {
        $(this).stop().animate({opacity: "1"}, 'fast');
},
function() {
    $(this).stop().animate({opacity: "0.8"}, 'fast');
  });
});

如何修改此代码，使其在DOM加载时的不透明度为0.8？

谢谢， drummer392

Answer 1

您可以使用CSS：

.nav_btn {
    opacity : 0.8;
    filter  : alpha(opacity=80);
}

filter适用于IE8及更早版本。

如果你真的想使用JS，那很简单：

$(document).ready(function(){
    $(".nav_btn").css('opacity', 0.8).hover(function() {
        $(this).stop().animate({opacity: "1"}, 'fast');
    },
    function() {
        $(this).stop().animate({opacity: "0.8"}, 'fast');
    });
});

Answer 2

最简单的是用css规则

设置它

菜单在文档加载时淡出

2 个答案: