JS---案例:点击按钮设置div背景色渐变

案例:点击按钮设置div背景色渐变

背景色渐变:设置透明度

  <div id="dv"></div>
  <input type="button" value="渐变" id="btn" />
  <script src="common.js"></script>
  <script>

    my$("btn").onclick = function () {
      var opacity = 10;
      var timeId = setInterval(function () {
        //透明化了
        opacity--;
        if (opacity <= 0) {
          clearInterval(timeId);////清理定时器
        }
        //设置div的透明度
        my$("dv").style.opacity = opacity / 10;
      }, 200);
    };

  </script>

猜你喜欢

转载自www.cnblogs.com/jane-panyiyun/p/12029254.html