1

我在 jQuery 中的两个不透明度之间出现了褪色的问题。这是我的代码：

$(document).ready(function() {
    $('#header').mouseover(function() {
        $(this).fadeTo(2000, 1.0);
    }).mouseout(function() {
        $(this).fadeTo(2000, 0.4);
    });
});
<div id="header" style="background: black; height: 100px;width: 100px; opacity: 0.4;"></div>

问题是当我将鼠标移到#header元素上时，它会开始从 0 褪色到 1。但我想做从 0.4 到 1 的效果。可以用jQuery来做吗？

编辑：哦，看起来我的 Chromium 8 有问题。在Firefox中一切正常。关于如何在这个早期版本的 chrome 中解决这个问题的任何建议？

EDIT2：在包含jQuery Animate Enchanced后工作正常

4

2 回答 2

2 
$(this).css('opacity', '0.4').fadeTo(2000, 1.0)

完整代码：

$(document).ready(function() {
    $('#header').mouseover(function() {
        $(this).css('opacity', '0.4').fadeTo(2000, 1.0);
    }).mouseout(function() {
        $(this).fadeTo(2000, 0.4);
    });
});​
于 2012-11-10T22:19:26.233 回答
0

像这样试试

$('#header').mouseover(function() {
        $(this).css('opacity', .4).fadeTo(2000, 1.0)
    }
)
...

演示

于 2012-11-10T22:19:15.070 回答