首页 > web前端 > js教程 > 用JavaScript实现动画效果的方法_javascript技巧

用JavaScript实现动画效果的方法_javascript技巧

WBOY
发布: 2016-05-16 17:28:17
原创
1131 人浏览过

其实原理是很简单的,主要是使用了一个计时器函数,下面我为大家
演示一个简单的动画的制作过程,通过有关的介绍,大家可以举一反三,做出更多很炫的动画效果。
  这个实例的效果是点击网页上的“开始移动”按钮,则其中的指定图层就会从左到右移动,在这个过程中你点击“停止移动”按钮就会停止移动。

复制代码 代码如下:

  
  
  JavaScript Motion Sample
  

  
  

  
   
    
   
  
I can moving...

  

  


  
  
   
  

  这里主要使用了一个叫setTimeout(function, interval)函数,这个函数的参数格式为:
  第一个参数“function”为超时后调用的函数名,第二个参数“interval”为超时值,以微秒为单位。
  注意一点是如果要停止这个计时器,必须保存调用这个setTimeout()函数后的返回值,通过clearTimeout(id)函数来取消计时器。
相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板