最新帮深圳北大青鸟的网站做一个随机实现公司网址排名的JS脚本，原来用的是sort方法，但这种方法实现起来最终会导致最后的DIV出现在第一个的频率达50％，无法公平、公正。以下我写的代码实现了公平、公正原则，呵呵，秀一下。
<HTML><HEAD><TITLE>深圳北大青鸟/北大青鸟/电脑学校/IT培训/培训/计算机学校</TITLE>
<META http-equiv=Content-Type content=\\\"text/html; charset=gb2312\\\">
<META content=深圳北大青鸟是北大青鸟电脑学校专业做IT培训的计算机学校 name=description>
<META content=深圳北大青鸟,北大青鸟,电脑学校,IT培训,培训,计算机学校 name=keywords>
<STYLE type=text/css>
.body {
FONT-SIZE: 12px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif,宋体
}
TABLE {
FONT-SIZE: 12px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif,宋体
}
TD {
FONT-SIZE: 12px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif,宋体
}
A {
COLOR: #000; TEXT-DECORATION: none
}
A:hover {
COLOR: #000; BOTTOM: 1px; POSITION: relative; TEXT-DECORATION: none; outline: none
}
A:unknown {
outline: none
}
A:visited {
outline: none
}
.STYLE1 {
FONT-WEIGHT: bold; COLOR: #ff0000
}
#main {
WIDTH: 680px
}
#main DIV {
MARGIN-TOP: 0px; FLOAT: left; MARGIN-LEFT: 0px; WIDTH: 680px
}
DIV TABLE {
WIDTH: 100%
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
</STYLE>
<SCRIPT type=text/javascript charset=GB2312>
function arrRand(obj){
var a = new Array();
var x = new Array();
for(var i = 0;i < obj;i++){
a[i] = i + 1;
}
for(var i=0; i<obj;i++){
x[i] = a.splice (Math.floor (Math.random () * a.length) , 1);
}
return x;
}
function randTable(){
var c = arrRand(len);
for(var k = 0;k < len;k ++){
divs[c[k] - 1].innerHTML = b[k];
}
}
var b = new Array();
var divs = new Object;
var len;
window.onload = function(){
divs = document.getElementById(\\\"main\\\").getElementsByTagName(\\\"div\\\");
len = divs.length;
for(var j = 0;j < len;j++){
b[j] = divs[j].innerHTML;
}
randTable();
}
</SCRIPT>
<META content=\\\"MSHTML 6.00.2900.3492\\\" name=GENERATOR></HEAD>
<BODY bgColor=transparent>
<DIV id=main>
<DIV>
<TABLE cellSpacing=0 cellPadding=0 width=\\\"100%\\\" border=0>
<TBODY>
<TR>
<TD height=28><A title=罗湖(软件)校区 href=\\\"http://www.0755accp.com/\\\"
target=_blank><SPAN
class=STYLE1>罗湖(软件)校区：</SPAN>深圳市罗湖区宝安北路桃园商业大厦7楼南区(罗湖人才市场旁)</A></TD>
</TR></TBODY></TABLE></DIV>
<DIV>
<TABLE cellSpacing=0 cellPadding=0 width=\\\"100%\\\" border=0>
<TBODY>
<TR>
<TD height=28><A title=地王书城(软件)校区 href=\\\"http://www.benet-wh.com.cn/\\\"
target=_blank><SPAN
class=STYLE1>地王书城(软件)校区：</SPAN>深圳市罗湖区宝安南路嘉宾花园四楼（地王大厦斜对面，深圳书城旁)</A></TD>
</TR></TBODY></TABLE></DIV>
<DIV>
<TABLE cellSpacing=0 cellPadding=0 width=\\\"100%\\\" border=0>
<TBODY>
<TR>
<TD height=28><A title=福田华强北(软件)校区 href=\\\"http://www.sz-aptech.com/\\\" target=_blank><SPAN
class=STYLE1>福田华强北(软件)校区：</SPAN>深圳市深南中路爱华大厦14楼（华强北兴华宾馆西侧）</A></TD>
</TR></TBODY></TABLE></DIV>
<DIV>
<TABLE cellSpacing=0 cellPadding=0 width=\\\"100%\\\" border=0>
<TBODY>
<TR>
<TD height=28><A title=福田(网络)校区 href=\\\"http://www.sz-aptech.com/\\\"
target=_blank><SPAN
class=STYLE1>福田(网络)校区：</SPAN>深圳市深南中路爱华电脑大厦5楼（华强北兴华宾馆西侧）</A></TD>
</TR></TBODY></TABLE></DIV>
<DIV>
<TABLE cellSpacing=0 cellPadding=0 width=\\\"100%\\\" border=0>
<TBODY>
<TR>
<TD height=28><A title=宝安(软件)校区 href=\\\"http://www.szaptech.com.cn\\\"
target=_blank><SPAN
class=STYLE1>宝安(软件)校区：</SPAN>深圳市宝安区25区商业步行街华丰时代广场5楼（海雅百货旁）</A></TD>
</TR>
</TBODY>
</TABLE>
</DIV>
<DIV>
<TABLE cellSpacing=0 cellPadding=0 width=\\\"100%\\\" border=0>
<TBODY>
<TR>
<TD height=28><A title=南山科技园(网络)校区 href=\\\"http://www.sz-benet.net\\\"
target=_blank><SPAN
class=STYLE1>南山科技园(网络)校区：</SPAN>深圳市南山区科技园深南花园C座三楼</A></TD>
</TR></TBODY></TABLE></DIV>
<DIV>
<TABLE cellSpacing=0 cellPadding=0 width=\\\"100%\\\" border=0>
<TBODY>
<TR>
<TD height=28><A title=南头(网络)校区 href=\\\"http://www.szaptech.com.cn/\\\"
target=_blank><SPAN
class=STYLE1>南头(网络)校区：</SPAN>深圳市南山区南头南新天桥钰龙园D座3楼（国美电器旁）</A></TD>
</TR></TBODY></TABLE></DIV>
<DIV>
<TABLE cellSpacing=0 cellPadding=0 width=\\\"100%\\\" border=0>
<TBODY>
<TR>
<TD height=28><A title=福田(测试)校区 href=\\\"http://www.sz-aptech.com\\\"
target=_blank><SPAN
class=STYLE1>福田(测试)校区：</SPAN>深圳市福田区深南中路核电大厦三楼(深圳华强北兴华宾馆对面)</A></TD>
</TR></TBODY></TABLE></DIV>
<DIV>
<TABLE cellSpacing=0 cellPadding=0 width=\\\"100%\\\" border=0>
<TBODY>
<TR>
<TD height=28><A title=南山(测试)校区 href=\\\"http://www.sz-test.com\\\"
target=_blank><SPAN
class=STYLE1>南山(测试)校区：</SPAN>深圳市南山区科技园南区创维大厦A座17楼</A></TD>
</TR>
</TBODY>
</TABLE>
</DIV>
<DIV>
<TABLE cellSpacing=0 cellPadding=0 width=\\\"100%\\\" border=0>
<TBODY>
<TR>
<TD height=28><A title=南山深圳大学(软件)校区 href=\\\"http://www.sz-accp.net/\\\"
target=_blank><SPAN
class=STYLE1>南山深圳大学(软件)校区：</SPAN>深圳市南山区学府路西部电子时代广场四楼(深圳大学旁)</A></TD>
</TR></TBODY></TABLE></DIV>
</DIV>
</BODY>
</HTML>
2009年3月31日星期二
通过js实现DIV随机排列
订阅：
博文评论 (Atom)
0 评论:
发表评论