你的位置:首页 > 软件开发 > Java > js动画(二)

js动画(二)

发布时间:2017-01-16 00:00:24
嗯,今天好冷,特别冷,我的手指,都冻的打不了字了。今天一件特别的傻的事就是,在 for(var i;i<obj.length;i++){}找了半天没有注意到 var i 没有赋值。够150 了吧。直接上货吧!!! 哎,还没有够150 ,那就再搞一个吧,当与彩蛋。用一个方 ...

js动画(二)

嗯,今天好冷,特别冷,我的手指,都冻的打不了字了。今天一件特别的傻的事就是,在 for(var i;i<obj.length;i++){}

找了半天没有注意到 var i 没有赋值。够150 了吧。

直接上货吧!!!

 

哎,还没有够150 ,那就再搞一个吧,当与彩蛋。

用一个方法直接获取样式值

function getStyle(obj,attr){/*obj对象,就是你要搞哪个元素,attr属性,你要搞哪个的属性*/

      if(obj.currentStyle){

         return obj.currentStyle[attr];/*.currentStyle针对IE*/

      }

      else{

        return getComputedStyle(obj,flase)[attr];/* getComputedStyle针对firebox浏览器*/

      }

}

多物体变速(匀速)运动

 js动画(二)

 

<script>		window.onload=function(){			var ind = document.getElementsByTagName("li");			for(var i=0;i<ind.length;i++){/*取到多个物体*/				ind[i].timer=null;/*当遇到多个对象时,最好不用全局变量,可能会发生争夺现象*/				ind[i].onmouseover = function(){					onMove(this,400,10); /*这里控制,对象,目标值,速度*/				}				ind[i].onmouseout = function(){					onMove(this,200,-10);				}			}		}		function onMove(obj,mu,speed){			clearInterval(obj.timer);						obj.timer=setInterval(function(){							speed=(mu-obj.offsetWidth)/8;			speed=speed>0?Math.ceil(speed):Math.floor(speed);			/*变速在这里,两行,删除直接是 匀速*/

原标题:js动画(二)

关键词:JS

JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。