JS多物体任意值链式缓冲运动

复制代码代码如下: <!DOCTYPE HTML> <html> <head> <meta http-equiv="content-type" charset="utf-8" /> <meta http-equiv="content-type" content="text/html" /> <title>demo</title> </head> <style type="text/css"> ul,li,img{margin:0;padding:0;border:0;} #list{height:250px;list-style-type:none;overflow:hidden;} </style> <body> <div id="odiv" style="position:absolute;width:200px;height:100px;background:red;left:0;border:1px solid #333;"></div> <script type="text/javascript"> var odiv=document.getElementById('odiv'); odiv.onmouseover=function(){ move(this,'width',500,function(){ move(odiv,'left',300,function(){ move(odiv,'height',500,function(){ move(odiv,'borderWidth',10) }) })});} function move(obj,arr,target,fn){ var dt=null,speed=0,ol=0; clearInterval(dt); dt=setInterval(function(){ ol=parseInt(obj.style[arr]); if(ol==target){ clearInterval(dt); if(fn) fn(); }else{ speed=(target-ol)/8; speed>0?speed=Math.ceil(speed):speed=Math.floor(speed); obj.style[arr]=ol+speed+"px"; } },30); } </script> </body> </html>

　　推荐阅读

　　jQuery.query.js 取参数的两点问题分析

1. 参数中存在空格时取到的值中空格被替换为加号:+ 2. 当参数某个key的value不存在时，获取到的value并不是空/null 而是true。在网上找到了个解决方案，可以参考下（是否有其他副作用暂时未实验出） 1. 空格变加号>>>详细阅读

本文标题：JS多物体任意值链式缓冲运动

地址：http://www.17bianji.com/kaifa2/JS/23200.html

1/2 1

JS多物体 任意值 链式 缓冲运动

JS多物体任意值链式缓冲运动