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 回答