[英]JavaScript Increment ++ Opacity On each Click
嗨,我在使用JavaScript来增加background-color:hsla() div
的opacity
时遇到了麻烦。 这是我正在使用的代码...
$( "#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;
});
我想要的最终结果是,不透明度从上一个设置开始,然后每次单击按钮直到它达到1,然后将其增加0.1,然后使其回到0,然后在每个设置上开始增加0.1再次单击,依此类推。
预先感谢克里斯
使用此代码不透明度始终为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;
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.