js动画脚本编写原理最简单的那种

哈客cc lv.2

发布时间：2022-10-14 22:41:55 219

相关标签： # javascript# html# java# java

用到了透明度做的时候发现透明度的调节需要指定宽高，要不然透明度的数值就无效了。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript">
window.onload = function()
{
  var k = document.getElementById("k");
  k.onmouseover = function()
  {
    clearInterval(this.goObj);
    this.style.opacity=1;
    this.style.filter="alpha(opacity=100)";
  };
  k.onmouseout = function()
  {
    this.style.opacity=1;
    this.style.filter="alpha(opacity=100)";
    this.iOpacity = 1;
    goMove(this);
  };
};
function goMove(obj)
{
  obj.goObj = setInterval(function()
  {
    obj.iOpacity -= 0.01;
    obj.style.opacity=obj.iOpacity;
    obj.style.filter="alpha(opacity="+obj.iOpacity*100+")";
    if(obj.iOpacity < 0)
    {
      clearInterval(obj.goObj);
    }
  }
  ,10);
}
</script>
</head>

<body>
<div id="k" style="background-color:#333333; height:300px; width:700px;"></div>
</body>
</html>

---------------------------------------------
生活的意义并不是与他人争高下，而在于享受努力实现目标的过程，结果是对自己行动的嘉奖。
↑面的话，越看越不痛快，应该这么说：

生活的意义就是你自己知道你要做什么，明确目标。没有目标，后面都是瞎扯！

文章来源： https://blog.51cto.com/u_15770151/5630375

特别声明：以上内容（图片及文字）均为互联网收集或者用户上传发布，本站仅提供信息存储服务！如有侵权或有涉及法律问题请联系我们。

js动画脚本编写原理 最简单的那种

js动画脚本编写原理最简单的那种