当前位置： 移动技术网 > IT编程>开发语言>JavaScript > JS---案例：点击按钮设置div背景色渐变

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

2019年12月12日  | 移动技术网IT编程  | 我要评论

案例：点击按钮设置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>

 

 

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网