Indonesia
belakang
: #fff;kiri: 400px;batas: 3px solid #666666;} .imgbox{position:absolute; kiri:35 piksel; margin-atas:20 piksel; atas:105 piksel; indeks-z:90; lebar:100px;tinggi:100px;latar belakang:#ffffff} .moveimgbox{position:absolute; kiri:700 piksel; margin-atas:20 piksel; atas:105 piksel; indeks-z:90; lebar:100px;tinggi:100px;latar belakang:#ffffff} </style> <skrip> var dicentang=0; var okeToGo = benar; var Makhluk saat ini = 1; var majuMundur = 1; var angka pertama = 1; var detik = 2; var tounum=1; fungsi moveItem(angka pertama,angka kedua){ if(okeToGo&&angka pertama != bilangan kedua){ tounum=angka pertama; document.getElementById("y"+angka pertama).style.zIndex = 50+10*forwardBackward; document.getElementById("y"+secnum).style.zIndex = 50+20*forwardBackward; startTheMove =window.setInterval(function(){rightOrLeft(angka pertama,detik)},20); } } function rightOrLeft(angka pertama,detik) { if (dicentang == 1020) { window.clearInterval(startTheMove); dicentang = 0; majuMundur = 1; okeToGo = benar; } else { okeToGo = salah; thisAngle = (Math.PI/2)*(dicentang/1000); document.getElementById("y"+firstnum).style.left = " "+(735-Math.sin(thisAngle)*700)+"px"; document.getElementById("y"+firstnum).style.top = " "+(105-(forwardBackward*Math.cos(thisAngle)*55))+"px"; document.getElementById("y"+secnum).style.left = " "+(735-Math.sin(thisAngle+Math.PI/2)*700)+"px"; document.getElementById("y"+secnum).style.top = " "+(105-(forwardBackward*Math.cos(thisAngle+Math.PI/2)*55))+"px"; dicentang += 20; } } </script> <a href="javascript:moveItem(1,tounum);"><img src="/img/200406301.jpg" width="129" height="97"></a> < a href="javascript:moveItem(2,tounum);"><img src="/img/200406302.jpg" width="134" height="100"></a><br/> <a href= "javascript:moveItem(3,tounum);"><img src="/img/200406303.jpg" width="134" height="100"></a> <a href="javascript:moveItem(4, tounum);"><img src="/img/200406304.jpg" width="101" height="134"></a> <div align="right" id="mainid"> <div id=" y1" class="imgbox"><img src="/img/200406301.jpg" width="400" height="300"></div> <div id="y2" class="moveimgbox"><img src="/img/200406302.jpg" width="400" height="300"></div> <div id="y3" class="moveimgbox"><img src="/img/200406303.jpg" width="387" height="290"></div> <div id="y4" class="moveimgbox"><img src="/img/200406304.jpg" width="281" height="374" ></div> </div>
