最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

原生javascript实现的一个简单动画

来源:动视网 责编:小采 时间:2020-11-27 20:32:13
文档

原生javascript实现的一个简单动画

原生javascript实现的一个简单动画: javascript实现的简单动画 #mydiv { width:50px; height:50px; background-color:green; position:absolute; } window.onload=function() { var mydiv=document.getElementById(mydiv);
推荐度:
导读原生javascript实现的一个简单动画: javascript实现的简单动画 #mydiv { width:50px; height:50px; background-color:green; position:absolute; } window.onload=function() { var mydiv=document.getElementById(mydiv);


 
 
 
 

javascript实现的简单动画

在线运行

代码解释:

  1. window.onload=function(){},当文档内容完全加载完毕再去执行函数中的代码。
  2. var mydiv=document.getElementById("mydiv"),获取id属性值为mydiv的元素。
  3. var start=document.getElementById("start"),获取id属性hi为start的元素。
  4. var stopmove=document.getElementById("stopmove"),获取id属性值为stopmove的元素。
  5. mydiv.style.left=x+"px",设置div的left属性值。
  6. start.onclick=function(){},为start元素注册onclick事件处理函数。
  7. clearInterval(flag),停止定时器函数,一方多次单击开始按钮造成叠加效果。
  8. flag=setInterval(move,20),开始运动。

文档

原生javascript实现的一个简单动画

原生javascript实现的一个简单动画: javascript实现的简单动画 #mydiv { width:50px; height:50px; background-color:green; position:absolute; } window.onload=function() { var mydiv=document.getElementById(mydiv);
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top