菜單在文檔加載時褪色

我有一個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'); 
    }); 
});

如何修改這個代碼把它開出0.8的DOM負載的透明度？

感謝， drummer392

來源

2012-02-29 drummer392

您可以使用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'); 
    }); 
});

來源

2012-02-29 05:21:46 Jasper

好吧，我看它是如何與JS現在完成了！我非常感謝你的貢獻！ – drummer392 2012-02-29 05:24:50

最簡單的將與CSS規則

來源

2012-02-29 05:21:03 charlietfl

你以爲箱子外面先生;） – drummer392 2012-02-29 05:22:01

菜單在文檔加載時褪色

回答

相關問題