![[php框架] Smarty基础商品教程 Smarty入门教程 Smarty框架教程 共10课](https://jy.tp.yuanmeng.life/uploads/images/20210319/f47dc487eb949895833cd962fddc6a8b.jpg)
附件
<script type="text/javascript" src="move.js"></script>
<script type="text/javascript">
window.onload=function (){
var aLi=document.getElementsByTagName('li');
var zIndex=1;
// 测试，与效果无关！
for (var i=0; i<aLi.length; i++)
{
var oSpan=document.createElement('span');
oSpan.innerHTML=i;
aLi[i].appendChild(oSpan);
}
// 布局转换
aPos=[];
for (var i=0; i<aLi.length; i++)
{
aPos.push({
left:aLi[i].offsetLeft,
top:aLi[i].offsetTop
});
}
for (var i=0; i<aLi.length; i++)
{
aLi[i].style.position='absolute';
aLi[i].style.left=aPos[i].left+'px';
aLi[i].style.top=aPos[i].top+'px';
aLi[i].style.margin=0;
}
// 随机换位置
var oBtn=document.getElementById('btn');
oBtn.onclick=function (){
aPos.sort(function (){
return Math.random()-0.5;
});
for (var i=0; i<aLi.length; i++)
{
move(aLi[i], aPos[i]);
}
};
};
</script>*
回帖描述：*
链接类型：*
下载链接：
验证通过自动获取下载链接
*
描述：*
回帖描述：*
链接类型：*
阅读权限：*
下载链接：
微信客服
QQ客服
QQ群
