<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如何实现?
解决方案 »
- 一个很奇怪的问题,关于parseInt的,谁告诉我为什么?
- 急求jquery 一个问题
- 为什么数字和字母的大小会发生变化
- jquery.ui高手进..解决个小问题
- 在静态页如a.html 里,里面有一个表格,能不能每单激一个按钮,表格就会加一行,也可以类似效果的
- 如何将一个字符传如"'aa','bb'"做为参数传递. 在线等....
- 在一个窗口中,新打开了一个窗口,在这个新窗口中进行了一系列超链接后,如何让最初的父窗口刷新
- 怎样去除Javascript产生的广告条?
- easyui 中的datagrid 中的checkbox 如何实现点击选中,再点击取消啊?
- 截取二进制流的方法
- 请教各位大虾一个ext4.0下的radiogroup的动态赋值问题
- 问个内存泄露的小问题
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
window.onload = function() {
var box = document.getElementById('box_0531');
var obj = box.getElementsByTagName('div'), ar = [];
for (var i = 0; i < obj.length; i ++) ar.push(obj[i]);
function sortRandom(a, b) { return Math.random() - 0.5; }
ar.sort(sortRandom);
box.innerHTML = '';
for (var i = 0; i < ar.length; i ++) box.appendChild(ar[i]);
}
</script>
</head><body>
<div class="box_0531" id="box_0531">
<div class="cont1" id="cont1">CONT1</div>
<div class="cont2" id="cont2">CONT2</div>
<div class="cont3" id="cont3">CONT3</div>
<div class="cont4" id="cont4">CONT4</div>
</div>
</body>
</html>
其他浏览器可以,不过我IE不行啊,IE下是一空白
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<title>无标题文档</title>
<script type="text/javascript">
window.onload = function() {
var box = document.getElementById('box_0531');
var obj = box.getElementsByTagName('div'), ar = [];
for (var i = 0; i < obj.length; i ++) ar.push(obj[i]);
function sortRandom(a, b) { return Math.random() - 0.5; }
ar.sort(sortRandom);
//box.innerHTML = '';
for (var i = 0; i < ar.length; i ++) box.appendChild(ar[i]);
}
</script>
</head><body>
<div class="box_0531" id="box_0531">
<div class="cont1" id="cont1">CONT1</div>
<div class="cont2" id="cont2">CONT2</div>
<div class="cont3" id="cont3">CONT3</div>
<div class="cont4" id="cont4">CONT4</div>
</div>
</body>
</html>
//for (var i = 0; i < obj.length; i ++) ar.push(obj[i]); 这行代码改为下面这一行
for (var i = 0; i < obj.length; i ++) ar.push(obj[i].cloneNode(true));