-
offsetleft:当前左对齐的值； setInterval;clearInterval：设置和清空定时器；查看全部
-
1、争抢定时器时就每个对象定义一个<br> 2、增加自定义属性直接obj.index= 不用加var查看全部
-
1、争抢定时器时就每个对象定义一个 2、增加自定义属性直接obj.index=查看全部
-
上节中speed（不取整）到最后趋近于零，需要无穷次才能逼近目标值，因此定时器将执行无数次，所以js会在speed小于一定数值时自动停止定时器查看全部
-
（1）background-color在CSS里用。 （2）backgroundColor在js处理CSS里用，是DOM.style.backgroundColor,要注意大小写（字母C)。 经测试，在JS中指定该样式时，这两个都能起作用，但请在JS中尽量使用backgroundColor.查看全部
-
background包含background-color，它是背景的主要写法，当然如果你要写得详细一点，骚包一点，也可以用background-color来定义颜色~一般的话直接用background就可以了，两者在定义颜色的时候功能完全一样查看全部
-
js加号两边存在字符时将两侧都转为字符再连接查看全部
-
//最终封装的'完美移动框架' function startMove(obj,json,fn){ var flag=true;//标志所有运动是否到达目标值 clearInterval(obj.timer); obj.timer=setInterval(function(){ for(var attr in json){ var curr=0; //判断是否为透明度 if(attr=='opacity'){ curr=Math.round(parseFloat(getStyle(obj,attr))*100); }else{ curr=parseInt(getStyle(obj,attr)); } //移动速度处理 var speed=0; speed=(json[attr]-curr)/10; speed=speed>0?Math.ceil(speed):Math.floor(speed); if(curr!=json[attr]){ flag=false; } if (attr=='opacity') { obj.style.filter='alpha(opacity:'+(curr+speed)+")"; obj.style.opacity=(curr+speed)/100; }else{ obj.style[attr]=curr+speed+'px'; } } if(flag){ clearInterval(obj.timer); if(fn){ fu(); } } },30); } //取样式 function getStyle(obj,attr){ if(obj.currentStyle){//IE取样式 return obj.currentStyle[attr]; }else{ return getComputedStyle(obj,false)[attr]; } }查看全部
-
缓动速度的计算:目标―当前/比例系数，可以得出速度的正负和速度的缓动，比例系数越大，速度越慢。 然后将速度进行取整处理，当速度为负数，向下取整，反之向上取整查看全部
-
运动框架实现思路查看全部
-
动画函数只需传入目标参数，速度可在函数中定义，同一种类型的运动可以用同一函数，采用传参的方式，如左右移动查看全部
-
oDiv.onmouseover=startMove(this,0);//错误的传参 oDiv.onmouseover=function(){//正确的传参 startMove(this,0); }查看全部
-
oDiv.onmouseover=startMove(this,0);查看全部
-
JS动画效果： 运动框架实现思路： 1.速度（改变值left,right,width,height,opacity) 2.缓冲运动 3.多物体运动 4.任意值变化 5.链式运动 6.同时运动查看全部
-
套用getstyle函数改变高的值查看全部
举报
0/150
提交
取消