分页运动效果展示

有了DOMReady框架和move运动框架，就可以做一些好玩的事情了，现在制作一个运动的效果，页面中有好一个按钮和几块需要展示的内容，需求是点击按钮，内容收缩消失于一点，在点击从这一点放大运送至页面中的位置上；代码如下：

//样式
*{margin:0; padding:0; list-style:none;}
ul{width:366px; margin:100px auto;}
.clearfix:after{display:block; clear:both; content:"";}
.clearfix{zoom:1;}
li{width:100px; height:100px; background:red; margin:10px; border:1px solid blue; float:left;}
//布局


        

        

        

        

        

        

        

        

        

 

//js代码
DOMReady(function(){
    var oBtn = document.getElementById('btn1');
    var oUl = document.getElementById('ul1');
    var aLi = oUl.children;
    
    var arrPos = [];
    for(var i=0; i=aLi.length && clearInterval(timer);
        },100);
    };
});