初识数组排序!!!!-创新互联
*{
padding:0;
margin: 0;
}
li,ul{
list-style: none;
}
#parent{
margin: 0 auto;
margin-top: 100px;
width: 68%;
height:750px;
border:2px solid #E5E5E5;
background:#EBEBEB;
}
#caozuo{
height: 100px;
}
#caozuo ul{
padding-top: 40px;
padding-left: 500px;
}
#caozuo li{
float: left;
margin-left: 10px;
width: 100px;
height: 30px;
background: #008B8B;
color: white;
text-align: center;
line-height: 30px;
cursor: pointer;
}
#view ul{
margin: 0 40px;
}
#view li{
float: left;
background: white;
width: 297px;
height: 310px;
border-right: 3px solid #EEE9E9;
}
#view img{
margin: 8px 23px 0 25px ;
float: left;
}
#view b{
color: #4169E1;
background:#EBEBEB;
display:inline-block;
margin: 0px 23px 0 25px;
width:250px;
height: 41px;
text-align: center;
line-height: 41px;
font-size: 20px;
float: left;
}
function shijian(a){
var parent = document.getElementById("view");
var son =parent.getElementsByTagName("ul")[0];
var li = son.getElementsByTagName("li");
if(a==1){
for(var i=0;i
son.insertBefore(li[stochastic(0,7)],li[stochastic(0,7)]);
}
}else{
for(var i=0;i
var kaiguan=false;
var index=0;
var num =parseInt(li[i].getElementsByTagName("em")[0].innerHTML);
for(var j=i+1;j
var two =parseInt(li[j].getElementsByTagName("em")[0].innerHTML);
if(num>two){
num=two;
index=j;
kaiguan=true;
}
}
kaiguan&&son.insertBefore(li[index],li[i]);
//kaiguan&&insertAfter(li[index],li[i]);
}
}
}
//返回一个X-Y之间的随机数
function stochastic(x,y){
//四舍五入和0-1之间的随机数
return Math.round(Math.random()*(y-x)+x);
}
- 从大到小
- 打乱顺序
1:萤火之森--竹川蛍
2:萤火之森--银
3:银色的果实--树
4:银色的果实--风
5:进击的巨人--三笠
6:樱花樱花--面码
7:未知--粉桃
8:未知--黑直
创新互联www.cdcxhl.cn,专业提供香港、美国云服务器,动态BGP最优骨干路由自动选择,持续稳定高效的网络助力业务部署。公司持有工信部办法的idc、isp许可证, 机房独有T级流量清洗系统配攻击溯源,准确进行流量调度,确保服务器高可用性。佳节活动现已开启,新人活动云服务器买多久送多久。
网页名称:初识数组排序!!!!-创新互联
本文地址:http://myzitong.com/article/eideh.html