-
只要是多物体运动，所有东西不能共用查看全部
-
不加math.round计算机会弹出一个接近7 的小数查看全部
-
获取当前的样式可以使用： currentStyle ie浏览器， getComputedStyle 针对火狐查看全部
-
获取当前的样式可以使用： currentStyle ie浏览器， getComputedStyle 针对火狐查看全部
-
面对多物体运动，如果共用一个time就会出现问题，需要为每一个物体都要开辟一个计时器，才能正常工作查看全部
-
Math.round()，四舍五入 设置透明度： 对IE浏览器：filter:alpha(opacity:30); 对其他浏览器：opacity: 0.3; startMove(this,'opacity',100),this指代这个Li1,opacity是参数，也可以是width或者height,100为目标值，透明度的目标值。 Li1.onmouseover=function(){ startMove(this,'opacity',100); } 用getStyle这个方法去获取样式比用setoffWidth,更加准备，getStyle(obj,'width');是获取属性值，setoffWidth是获取整个盒子的值。（加边框） function getStyle(obj,attr){ if(obj.currentStyle){ return obj.currentStyle[attr]; }else{ return getComputedStyle(obj,false)[attr]; } }查看全部
-
当样式中有边框时，offsetWidth就不等于。style.width了，动画时实际会和预想的不一样，以后统一使用function getstyle(obj,sty){ if(obj.currentStyle){//ie return obj.currentStyle[sty];} else{return getComputedStyle(obj,false)[sty];}//火狐 }来代替offsetWidth,就可以有效防止bug出现查看全部
-
var json={a:12,b:15} for(var i in json){ alert(i)----a,b alert(json[i])---12,15 }查看全部
-
js链式动画，封装然后传参查看全部
-
1、dom.style.xxx 这种写法只能获取行内样式 例如 <div ></div> div.style.width能获取到是200px，但是没有出现在 引号中的样式是获取不到的 2、万能方法。 getComputedStyle(div,null).xxx 这个是标准方法，需要做一下兼容 currentStyle 是IE的 3、友情赠送获取任何样式的代码 function getStyle(obj,style){//引用时style要带引号 if(obj.currentStyle){ return obj.currentStyle[style]; }else{ return getComputedStyle(obj,null)[style]; } }查看全部
-
offsetWidth//获取到的是本来设置的宽度+边框*2查看全部
-
getstyle查看全部
-
offsetLeft是取整的查看全部
-
div{filter:alpha(opacity=50);} /* for IE8 and earlier */ div{opacity:.5;} /* for IE9 and other browsers */查看全部
-
. 多个同样的动画，先用for定义，用到定时器时要先定义timer=null，针对多个同类型动画，要用上当前动画块的标签，如下obj.timer， 这样就不会出现一个定时器多个函数占用，一个函数使用多种动画，就要定义多个定时器。 window.onload=function(){ var odiv=document.getElementsByTagName("div"); for(var i=0,len=odiv.length;i<len;i++){ odiv[i].onmouseover=function(){move1(this,400,100);} odiv[i].onmouseout=function(){move1(this,200,30);} } } var timer=null; function move1(obj,w,o){ var timer=null,timer1=null; clearInterval(obj.timer); clearInterval(obj.timer1); var speed=0; var ispeed=30; obj.timer=setInterval(function(){ if(w==obj.offsetWidth){clearInterval(obj.timer);} speed=(w-obj.offsetWidth)/8; speed=speed>0?Math.ceil(speed):Math.floor(speed); obj.style.width=obj.offsetWidth+speed+'px'; },30); obj.timer1 =setInterval(function(){ if(ispeed==o){clearInterval(obj.timer1);} else{ ispeed=o<100?ispeed-10:ispeed+10; } obj.style.opacity=ispeed/100; obj.style.filter=':alpha(opacity:'+ispeed+')'; },30); }查看全部
举报
0/150
提交
取消