Question

非常简单地说，我有一个变量posnum，其值的范围是0到120.

我需要的是一个函数，它会根据ponsum范围0到120来增加和减少另一个元素的不透明度。所以如果posnum的值是120，那么我的元素的不透明度变为0，如果其值为0，则不透明度为1.我可以使用简单的if语句执行此操作，但是它们之间的所有值呢？这是我的问题。

这是我目前的代码，它只有if语句来涵盖这两个条件，但不是介于两者之间的所有条件。顺便说一下，我正在使用狡猾的滚动条。

var frame = new Sly('.frame', options, {
    move: function() {
        var posnum = frame.pos.cur //this variable's int value ranges from 0 to 120
        if (posnum > 113) {$('#gradient').css('opacity', '0')}
        else {$('#gradient').css('opacity', '1');}
        }
}).init();

代码工作正常并且在我想要的时候运行，但它只是我需要的不透明度的动态反应，取决于它在该范围内的位置。

Answer 1

你可以这样做：

var opacity = 1 - (posnum/120);

假设不透明度与posnum成正比。

＆＃13;

for(var posnum = 0; posnum <= 120; posnum++) {
  var opacity = 1 - (posnum/120);
  console.log("Posnum: " + posnum, " Opacity: " + opacity);
}

＆＃13;

Javascript - 根据其他值增加和减少值

1 个答案: