JS 刷新随机控制DIV的的位置
<divclass="box_0531"id="box_0531"><divclass="cont1"id="cont1"></div><divclass="cont2"...
<div class="box_0531" id="box_0531">
<div class="cont1" id="cont1">
</div>
<div class="cont2" id="cont2">
</div>
<div class="cont3" id="cont3">
</div>
<div class="cont4" id="cont4">
</div>
</div>
想JS 控制cont1到cont4下的多个DIV的位置随机变换，
比如说，刷新一次后可以这样，
<div class="box_0531" id="box_0531">
<div class="cont3" id="cont3">
</div>
<div class="cont1" id="cont1">
<div class="cont4" id="cont4">
</div>
</div>
<div class="cont2" id="cont2">
</div>
</div>
再刷新就可以变位置，
<div class="box_0531" id="box_0531">
<div class="cont2" id="cont2">
</div>
<div class="cont1" id="cont1">
</div>
<div class="cont4" id="cont4">
</div>
<div class="cont3" id="cont3">
</div>
</div>
请问JS如何实现？ 展开
<div class="cont1" id="cont1">
</div>
<div class="cont2" id="cont2">
</div>
<div class="cont3" id="cont3">
</div>
<div class="cont4" id="cont4">
</div>
</div>
想JS 控制cont1到cont4下的多个DIV的位置随机变换，
比如说，刷新一次后可以这样，
<div class="box_0531" id="box_0531">
<div class="cont3" id="cont3">
</div>
<div class="cont1" id="cont1">
<div class="cont4" id="cont4">
</div>
</div>
<div class="cont2" id="cont2">
</div>
</div>
再刷新就可以变位置，
<div class="box_0531" id="box_0531">
<div class="cont2" id="cont2">
</div>
<div class="cont1" id="cont1">
</div>
<div class="cont4" id="cont4">
</div>
<div class="cont3" id="cont3">
</div>
</div>
请问JS如何实现？ 展开
3个回答
展开全部
最简单的办法，js里面 while循环，然后用 math.rand（4），（好像是这个，记不太清楚了。） 然后得到一个随机的，比如3，记录3，那么继续循环，如果再得到一个还是3，继续循环，然后比如输出2，记录2，再循环，得到比如说4，那么跳出循环，得到的顺序是 3 2 4 1
追问
有没有代码呀
追答
代码很简单的。
var record = [0,0,0,0];
var order=[0,0,0,0];
var cnt = 0;
while(1)
{
var i = math.rand(4);
if(record[i]!=1)
{
record[i]=1;
order[cnt++] = i;
}
}
这里没有编辑软件，所以随手写的，自己掌握一下原理写吧。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
随机、任意控制都行
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
<head>
<title> new document </title>
<meta name="generator" content="editplus">
<meta name="author" content="">
<meta name="keywords" content="">
<meta name="description" content="">
</head>
<script language="javascript">
<!--
window.onload = function(){
var box = document.getElementById("box_0531");
var cont = box.getElementsByTagName("div");
var len = cont.length;
for(var i=0;i<len;i++){
var index = window.parseInt(Math.random()*4);
box.appendChild(cont[index]);
}
}
//-->
</script>
<body>
<div class="box_0531" id="box_0531">
<div class="cont1" id="cont1">
1
</div>
<div class="cont2" id="cont2">
2
</div>
<div class="cont3" id="cont3">
3
</div>
<div class="cont4" id="cont4">
4
</div>
</div>
</body>
</html>
<html>
<head>
<title> new document </title>
<meta name="generator" content="editplus">
<meta name="author" content="">
<meta name="keywords" content="">
<meta name="description" content="">
</head>
<script language="javascript">
<!--
window.onload = function(){
var box = document.getElementById("box_0531");
var cont = box.getElementsByTagName("div");
var len = cont.length;
for(var i=0;i<len;i++){
var index = window.parseInt(Math.random()*4);
box.appendChild(cont[index]);
}
}
//-->
</script>
<body>
<div class="box_0531" id="box_0531">
<div class="cont1" id="cont1">
1
</div>
<div class="cont2" id="cont2">
2
</div>
<div class="cont3" id="cont3">
3
</div>
<div class="cont4" id="cont4">
4
</div>
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
