代码

1 insertBefore 和 appendChild应用

有2个span 元素   一个div id="box" 里面装载 ul li 元素 假设li是个正方形

var spano=document.getElentsbyTagName("span"),desk=document.getElementById("box").getElementsByTagName("ul")[0],timer=null,Items=desk.children,

left=Items[0].offsetHeight,timer=null;

spano[0].onclick=function(){ desk.insertBefore(Items[Items.length-1],desk.firstChild) ;desk.style.left=-left+"px"; startmove(0);}

spano[1].onclick=function(){ startmove(-left,function(){desk.appendChild(Item[0]);desk.style.left=0;})}

function startmove(x,y)

{

 　  clearinterval(timer);

      timer=setinterval(function(){

　　var speed=(x-desk.offsetleft)/10; speed=speed>0?Math.ceil(speed):Math.floot(speed); x==desk.offsetLeft?(clearinterval(timer),y&&y()):desk.style.left=

　　desk.offsetLeft+speed+"px";

　　},20)

　

}