效果：（黑色的方块是骑兵，天上的视角看）
冲锋路上。。。
集体停住。
<style>
*{
padding: 0px;
margin: 0px;
}
.u1{
height:30px;
width:100px;
background:#453300;
position:absolute;
left:100px;
top:50px;
}
</style>
<div class ="u1" gogo = "1" style="left:100px;top:50px;">
</div>
<div class ="u1" gogo = "1" style="left:110px;top:93px;">
</div>
<div class ="u1" gogo = "1" style="left:99px;top:130px;">
</div>
<div class ="u1" gogo = "1" style="left:90px;top:172px;">
</div>
<script>
var nn = 0;
function cc(kk){
return document.getElementById(kk);
}
for(var i = 0;i<30;i++){
}
for(var i = 0;i<300;i++){
}
function gogo(){
//console.log(11)
if(nn<100000000){
nn++;
if(nn>9999999){
nn = 0;
}
}
if(nn%10==0){
var ss = document.getElementsByClassName("u1");
//console.log(ss);
for(var i =0;i<ss.length;i++){
var oo = ss[i];
if(oo.getAttribute("gogo")=="1"){
//console.log(oo);
var mx = oo.style.left;
var l = mx.length;
mx = mx.substring(0,l-2);
mx = parseInt(mx);
//mx+=1;
for(var j = 0;j<9+ Math.floor(Math.random()*2)+1;j++){
if(mx<1000){
mx += (0.5 + Math.floor(Math.random()*2)+1);
if(mx>=1000){
oo.setAttribute("gogo","0");
}
}
}
var my = oo.style.top;
l = my.length;
my = my.substring(0,l-2);
my = parseInt(my);
if(nn%30 == 0|| nn%50==0){
if(my%2==0){
my+= Math.floor(Math.random()*2)+1;
}else{
my-= Math.floor(Math.random()*2)+1;
}
var kk2 = 0;
for(var j = 0;j<4;j++){
if(kk2<5&&kk2>=0){
//my += 2;
kk2++;
}
if(kk2>5&&kk2<10){
//my -= 2;
kk2++;
}
if(kk2>10){
kk2 = 0;
}
console.log(kk2);
}
}
console.log(my);
oo.style.left = mx + "px";
oo.style.top = my + "px";
}
}
}
setTimeout("gogo()",8);
}
gogo();
</script>
