html下移div,JS+CSS实现几个DIV层上下移动交换位置的效果

JS+CSS实现几个DIV层上下移动交换位置的效果丨吾爱编程

/*

ul{

width:400px

}

li{

border:1px solid gray;

list-style:none

}

.txt{

padding:4px;

background-color:#ffffff

}

/*]]>*/

//

window.οnlοad=function(){

ggGroup(document.getElementById('test'),5);

};

function ggGroup(ele,margin){

margin=margin||0;

var bgcolors='#b3d580,#99c9b1,#b4a1d8,#f7c480,#d5d588,#eea2bb'.split(',');

var txtUp='上移↑ ',txtDown='下移↓';

var panels=children(ele);

for(var i=0,h=0;i

var p=panels[i];

p.style.position='absolute';

p.style.width='100%';

var b=document.createElement('div');

with(b.style){

<