0

こんにちは、 JavaScript を使用しての をインクリメントするopacityのに問題があります。background-color:hsla() divこれは私が使用しているコードです...

$( "#Opacity" ).button().click(function() {
var x = 0.1;
var Opacity = ++x;
$( "#TimeDate, #Weather, #ticker, #Pages" ).css( "background-color", "hsla(0,0%,0%,"+Opacity +")" );
        Cookie.set('bgo', $('#TimeDate, #Weather, #ticker, #Pages').css('background-color'), 365);
        return false;
});

私が望む最終結果は、不透明度が前の設定から始まり、ボタンがクリックされるたびに 0.1 ずつ増加して 1 に達し、その後 0 に戻り、それぞれで 0.1 ずつ増加し始めることです。もう一度クリックします。

前もって感謝します、クリス

4

1 に答える 1

5

このコードの不透明度を使用すると、常に 1.1 になります。

関数を次のように修正します。

Opacity = 0.1

$( "#Opacity" ).button().click(function() {

    Opacity = (Opacity==1) ? 0 : (Opacity + 0.1);
    $( "#TimeDate, #Weather, #ticker, #Pages" ).css( "background-color", "hsla(0,0   %,0%,"+Opacity +")" );
    Cookie.set('bgo', $('#TimeDate, #Weather, #ticker, #Pages').css('background-color'), 365);
    return false;
});
于 2012-12-25T19:33:03.510 に答える