1

jQuery の 2 つの不透明度の間のフェードに問題があります。これが私のコードです：

$(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で正常に動作します。この初期バージョンのクロムでそれを修正する方法について何か提案はありますか?

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 に答える