-
多物体运动 - 属性值 在使用parseInt()时处理透明度小数时,会有影响 单位设置 相应位置进行判断 IE/FireFox 取相应值 Math.round()四舍五入取整数值 Math.round(parseFloat(getStyle(obj,attr))*100)查看全部
-
JS动画效果： 2-1：速度动画： 为防止动画累加，在每次触发动画事件时，应该先清除前一个没有完成的动画，即清除钱一池开启的定时器，然后这次再开启一个定时器。 offsetLeft值可以获取当前的left值， 而offsetLeft属性不能被赋值，只能获取查看全部
-
链式动画先变宽再变高最后边透明度查看全部
-
多物体运动 - 获取样式 . DOM元素.style.width 在元素上加上边框时offsetWidth是整个元素的宽度(包括边框 padding等) . 利用行内样式Dom元素.style.width parseInt()取整 . currentStyle[attr] (IE) getComputedStyle(obj,false)[attr] (firefox) function getStyle(obj,attr){ if(obj.currentStyle){return obj.currentStyle[attr];} else{return getComputedStyle(obj,false)[attr];} }查看全部
-
多物体运动 for循环来为每一个TagNameList[i]添加事件 并添加属性来区分各自的定时器(用于取消) 利用参数中的this来指定所选择的当前元素 多物体不要共用一个值,在对象上定义一个单独的属性保持值查看全部
-
缓冲动画 调整定时器速度,目标值与终止值做差,并除以系数 Math.floor()向下取整 Math.ceil()向上取整 大于0 向上取整 小于0 向下取整 DOM元素.style.left = DOM元素.offsetLeft + speed + 'px'查看全部
-
透明度动画 属性: filter: alpha(opacity:30) ; 通过变量alpha存储元素透明度来与目标值判断 DOM元素.style.filter = 'alpha(opacity:' + alpha + ')' DOM元素.style.opacity = alpha / 100查看全部
-
速度动画: 使用定时器 setInterval 并在函数中指定停止条件 在动画函数中要使用 clearInterval 终止所有 定时器函数 DOM元素.style.left = DOM元素.offsetLeft - 10 + "px" 可以使用单一参数来实现函数封装查看全部
-
视觉上从当前移出，然后从底下向上浮现： 利用函数封装top:-25px 回调之前top;30px(先让其显示在底下)查看全部
-
JSON（利用其完成同时运动） json={name:key,name:key....}可以在一个括号内加入多对值 利用for in 遍历 ：for(var i in JSON) i表示name,JSON[i]标示key(值) 可以将其理解为（属性:值）的组合查看全部
-
使用offsetXXX，如果元素本身加了边框/padding等，offset就会失效查看全部
-
// 获取样式 function getStyle(obj,attr){ if(obj.currentStyle){ return obj.currentStyle[attr]; }else{ return getComputedStyle(obj,false)[attr]; } }查看全部
-
offsetwidth是整个的宽度，包括边框，边界宽度不是width一部分查看全部
-
为了防止定时器的共用问题，给每一个事件都定义一个定时器查看全部
-
Math.floor向下取整 Math.ceil向上取整查看全部
举报
0/150
提交
取消