-
多物体动画的timer注意不可以共用，需要设置各自的timer。多物体运动】注意变量定义不要共用，写在自己的for循环里。 or循环来为每一个TagNameList[i]添加事件 并添加属性来区分各自的定时器(用于取消) 利用参数中的this来指定所选择的当前元素查看全部
-
Math.floor向下取整 Math.ceil向上取整查看全部
-
alert(oDiv.style.width); //弹出的宽度 为div宽，不包括边框宽 200 alert(oDiv.offsetWidth); //弹出的宽度包括 div宽+borderX2 为204 //获取 width 属性的值 200px alert(getStyle(oDiv,'width')); //.....查看全部
-
obj.offsetWidth:获得的是整个div的宽，包括border,得到的直接是数值 obj.style.width:只是宽，不包括border,得到的是XXpx，可以用parseInt（）转化为数值查看全部
-
JQuery封装的方法调用mouseenter、animate查看全部
-
视觉上从当前移出，然后从底下向上浮现： 利用函数封装top:-25px 回调之前top;30px(先让其显示在底下)查看全部
-
运动框架思路参考；查看全部
-
链式运动：结束一个运动的时候，去直接另一个运动 回调函数：查看全部
-
宽、高、透明度同时变化(运动框架) JSON是一种轻量级的数据交换格式 var json={name:key}多对值可以用逗号隔开var json={a:12,b:2} 遍历json,用 for-in循环 for(var i in json) {alert(i);//弹出对象 alert(json[i]);//弹出对象的值} 传入的三个值要都到达目标值，才执行停止定时器。 function getStyle(obj,attr) { if(obj.currentStyle) { return obj.currentStyle[attr]; } else { return getComputedStyle(obj,false)[attr]; } } function move(obj,json,fn){ clearInterval(obj.timer); obj.timer=setInterval(function(){ var flag = true; for(var attr in json){ //取当前值 var icur =0; if(attr=='opacity'){ icur = Math.round(parseFloat(getStyle(obj,attr)*100)); }else{ icur = parseInt(getStyle(obj,attr)); } //计算速度 var speed = (json[attr]-icur)/8; speed = speed > 0 ? Math.ceil(speed) : Math.floor(speed); //检测停止 if(icur != json[attr]) { flag = false; } if(attr=='opacity') { obj.style.opacity = (icur+speed)/100; obj.style.filter = 'alpha(opacity='+(icur+speed)+')'; }else{ obj.style[attr] = icur+speed+"px"; } } if(flag) { clearInterval(obj.timer); if(fn) { fn(); } } }, 30) }查看全部
-
获取样式查看全部
-
当执行类似代码时，封装到一个函数中，相同的变量就是要传的参数值查看全部
-
链式运动需要底层框架查看全部
-
getStyle获取css样式查看全部
-
JSON(JavaScript Object Notation)是一种轻量级的数据交换格式 格式：var json ={name:key}，如:var json ={a:2,b:13}一对值中的name和key用：隔开，对值和对值用，隔开. 遍历json: for(var i in json){ alert(i);//取出name变量 alert(json[i]);//取出变量值 }查看全部
-
alert(oDiv.style.width); //弹出的宽度 为div宽，不包括边框宽 200 alert(oDiv.offsetWidth); //弹出的宽度包括 div宽+borderX2 为204 //获取 width 属性的值 200px alert(getStyle(oDiv,'width')); //..... //so,接下来的宽度调用该方法获取指定元素的属性值查看全部
举报
0/150
提交
取消