-
startMove(Li,'opacity',30,function(){ startMove(Li,'width',200); })查看全部
-
链式运动：加入回调函数的参数，如果该参数不为空，当前一动画停止时就执行该函数，从而实现链式动画。查看全部
-
1. 并不是所有属性的值和其类型都是一样的，需要对不同类型的属性值分别判断处理（如透明度） 2. 计算机不能严格地存储小数，如0.07*100 = 7.0000000001而不是7，需要用Math.round()对其进行四舍五入。查看全部
-
加了边框后元素的offsetWidth和offsetHeight会发生改变(为width+2*border、height+2*border) 通过obj.currenStyle[attr](IE)或getComputedStyle(obj,false)[attr]获取元素的行内宽度（不包括边框的obj.style.width(不能直接获取)）查看全部
-
缓冲动画：动画结束前有缓冲，非匀速运动，临近终点时减速。 实现：通过将速度与当前位置和终点位置的距离绑定，形成临近终点时减速的效果。 speed = (stopX - oDiv.offsetLeft)/20; //20可以根据速度变化要求替换为合适的整数查看全部
-
透明度变换： css定义（ filter:alpha(opacity:30)//IE opacity:0.3; //非IE） JS 改变： IE：style.filter=‘alpha(opactiy:’+值+')' 非IE .style.opactiy=值/100（火狐或者chrome关于透明度的满值1，IE是100） 注：无法获取到透明度的值，可以使用变量预定义查看全部
-
通过定时器来实现动画，定时器在调用前需要先清空，否则会不断触发定时器，加快动画速率。 timer = setInterval(function(){ if(oDiv.offsetLeft == 0){ clearInterval(timer); }else{ oDiv.style.left = oDiv.offsetLeft+10+'px'; //动画移动 } }查看全部
-
链式运动查看全部
-
透明度在不同浏览器的设置查看全部
-
不同浏览器获取样式方法查看全部
-
在使用定时器的时候，在每次使用前都必须清除定时器，要不然就会造成好多个定时器叠加在一起的效果。查看全部
-
缓冲远东取整查看全部
-
运动框架思路查看全部
-
链式运动函数： 鼠标移开执行的动作 与 鼠标滑过的动作相反 。 window.onload = function(){ var oDiv = document.getElementById("div1"); oDiv.timer = null; oDiv.onmouseover = function(){ startMove(oDiv,'width',400,function(){ startMove(oDiv,'height',400,function(){ startMove(oDiv,'opacity',100); }); }); }; oDiv.onmouseout = function(){ startMove(oDiv,'height',200,function(){ startMove(oDiv,'opacity',30,function(){ startMove(oDiv,'width',200) }) }); }; };查看全部
-
IE和不同浏览器的透明度设置 47 48查看全部
举报
0/150
提交
取消