javascript - 使用javascript设置按钮的不透明度值

标签 javascript css opacity

我正在尝试设置一个按钮,以便每次用户点击它时,它的不透明度都会上升,直到达到 1。我明白了,但这只适用于第一次点击。接下来的点击会被记录下来,但不会增加不透明度。

document.getElementById('buttonHello').style.opacity+=0.1;

谢谢

编辑:你好,我需要帮助。

最佳答案

做这个DEMO http://jsfiddle.net/techsin/A7eMh/

function ch() {
var x=getComputedStyle(document.getElementById('buttonHello')).getPropertyValue('opacity');
x=(x*1)+.1;
document.getElementById('buttonHello').style.opacity=x;
}

关于javascript - 使用javascript设置按钮的不透明度值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18542839/

相关文章:

javascript - fullcalendar:悬停他的 daycell 时显示特定日期的所有事件

CSS:不透明度降低的图像上的文本不应该降低不透明度

javascript - 标题在窗口打开时淡入淡出

javascript - 我们如何捕获 Jest 的覆盖失败输出?

javascript - 从 firebase 检索分割数据

javascript - 如何访问异步函数node js中所有函数和条件中的变量?

javascript - 如何在 ng-repeat 中设置 ng-model 的值?

javascript - 同时滑入和滑出

javascript - 如何使用 JavaScript 从头开始​​实现可拖放的 div?

html - 如何使用 CSS 为文本或图像赋予透明背景?