-
只要是多物体运动,所有物体都不能共用查看全部
-
运动框架实现思路查看全部
-
JS动画效果: 运动框架实现思路: 1.速度(改变值left,right,width,height,opacity) 2.缓冲运动 3.多物体运动 4.任意值变化 5.链式运动 6.同时运动查看全部
-
实现360旋转效果查看全部
-
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css" media="screen"> body{padding: 0;margin: 0;} #outSide{ position: relative; left:-200px; } #outSide div:first-child{ width: 200px; height: 200px; position: absolute; background:#1ff; } #outSide div:last-child{ width: 20px; height: 50px; position: absolute; background:#1fd; top:75px; left:200px; } </style> </head> <body> <div id="outSide"> <div></div> <div></div> </div> </body> <script> var Oout=document.getElementById("outSide"); var timer=null; Oout.onmouseover=function(){ move(0); } Oout.onmouseout=function(){ move(-200); } function move(val){ clearInterval(timer); timer=setInterval(function(){ var speed=0; speed=(Oout.offsetLeft>val?-10:10); Oout.offsetLeft==val?clearInterval(timer): Oout.style.left=Oout.offsetLeft+speed+"px"; },30); } </script> </html>查看全部
-
get style,舍弃offset。更好查看全部
-
111查看全部
-
解决同时运动的问题, 加个json={a:12,b:14} for(var i in json){ alert(i); alert(json[i]); }查看全部
-
在透明度设置中加边框时 parseInt(getstyle(obj,arrt)); 变为 x=parseFloat(getstyle(obj,attr))*100; 而输出是 if(attr=='opacity'){ obj.style.filter='alpha(opacity:'+(x+speed)+')'; obj.style.opacity=(x+speed)/100 } obj.style[attr]=x+speed+'px';查看全部
-
解决加入边框后出现问题<br> 在div层里 加入样式如 :style:'width:400px;';<br> parseInt(on.style.width)-1+'px'; 或者 function getstyle(obj,attr){ if(obj.currentStyle){ return obj.currentStyle[attr]; }else{ return getComputedStyle(obj,false)[attr]; } } 调用的 parseInt(getstyle(ID,属性));查看全部
-
多个透明度,多物体动画数据不能公用数据,多物体移动 移动,多了本身this参数 与设置自定义timer 多个透明,多了本身this参数 与设置自定义timer,还有alpha自定义查看全部
-
缓冲与bug 只需把speed改成 speed=(目标值-当前值)//20;就可实现缓冲 speed=speed>0?Math.ceil(speed):Math.floor(speed); //解决不是整数的bug查看全部
-
透明的调用需要在定义一当前值,与移动有些区别查看全部
-
div层的来回运动简述 先获取id,得到要运动元素,然后定义鼠标经过和移开函数,函数-通过计时器每个一段时间调用,不断调用,来来回加减,查看全部
举报
0/150
提交
取消