»
Tiếng AnhTiếng PhápTiếng Việt

In - Đua bằng biểu tượng - JavaScriptBank.com

Phiên bản đầy đủ: jsB@nk » Trò chơi » Đua bằng biểu tượng
URL: https://www.javascriptbank.com/lets-race-index.html

Đua bằng biểu tượng © JavaScriptBank.comMột trò chơi thuộc thể loại đua xe với các nhân vật là các biểu tượng cười của Yahoo Messenger. Bạn chọn một cái và đua.

Phiên bản đầy đủ: jsB@nk » Trò chơi » Đua bằng biểu tượng
URL: https://www.javascriptbank.com/lets-race-index.html



CSS
<STYLE>.start {FONT-WEIGHT: bold; FONT-SIZE: 18px; CURSOR: hand; COLOR: lightyellow; LINE-HEIGHT: normal; FONT-STYLE: normal; BACKGROUND-COLOR: #ff6600; TEXT-ALIGN: center; FONT-VARIANT: normal; text-valign: middle}.start1 {FONT-WEIGHT: bold; FONT-SIZE: 18px; CURSOR: hand; COLOR: white; LINE-HEIGHT: normal; FONT-STYLE: normal; BACKGROUND-COLOR: black; TEXT-ALIGN: center; FONT-VARIANT: normal; text-valign: middle}</STYLE><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


JavaScript
<SCRIPT language=javascript>var obj1;var obj2;var obj3;var obj4;var obj5;var obj6;var blnFinish;var strBid='';function animate(){if(strBid==''){alert('Bid on one handsome man!!');return false;}document.all['btnGO'].disabled=true;document.all['btnStart'].disabled=true;obj1=document.all['I1'];obj2=document.all['I2'];obj3=document.all['I3'];obj4=document.all['I4'];obj5=document.all['I5'];obj6=document.all['I6'];blnFinish=false;setTimeout("move(obj1)",100);setTimeout("move(obj2)",100);setTimeout("move(obj3)",100);setTimeout("move(obj4)",100);setTimeout("move(obj5)",100);setTimeout("move(obj6)",100);}function move(objX){var strL;var strT;var strNext;var numRand;strL=objX.style.left;numRand=eval(generateRandom());objX.style.left=eval(strL.substring(0,strL.length-2))+numRand;strNext="move(document.all['" + objX.name + "'])";if((eval(strL.substring(0,strL.length-2)) < document.body.clientWidth-80) && blnFinish==false)setTimeout(strNext,30);else{blnFinish=true;}if((eval(strL.substring(0,strL.length-2)) >= document.body.clientWidth-80) && blnFinish==true){objX.style.border="solid red 2px";document.all['btnStart'].disabled=false;if(objX == document.all['I' + strBid.substr(1)])alert('You Win!!');elsealert('You Lose!!');}}function generateRandom(){var numRnd;numRnd=Math.random();if(numRnd<0.5){return 1;}else{return 4;}}function animateWT(){setInterval("moveWT()",70);}function Restart(){document.all['I1'].style.left=0;document.all['I2'].style.left=0;document.all['I3'].style.left=0;document.all['I4'].style.left=0;document.all['I5'].style.left=0;document.all['I6'].style.left=0;document.all['I1'].style.border="solid 0px";document.all['I2'].style.border="solid 0px";document.all['I3'].style.border="solid 0px";document.all['I4'].style.border="solid 0px";document.all['I5'].style.border="solid 0px";document.all['I6'].style.border="solid 0px";document.all['C1'].className="start";document.all['C2'].className="start";document.all['C3'].className="start";document.all['C4'].className="start";document.all['C5'].className="start";document.all['C6'].className="start";strBid='';document.all['btnGO'].disabled=false;}function moveWT(){var strL;var strNext;strL=document.all['I1'].style.left;document.all['I1'].style.left=eval(strL.substring(0,strL.length-2))+2;strL=document.all['I2'].style.left;document.all['I2'].style.left=eval(strL.substring(0,strL.length-2))+2;strL=document.all['I3'].style.left;document.all['I3'].style.left=eval(strL.substring(0,strL.length-2))+2;strL=document.all['I4'].style.left;document.all['I4'].style.left=eval(strL.substring(0,strL.length-2))+2;strL=document.all['I5'].style.left;document.all['I5'].style.left=eval(strL.substring(0,strL.length-2))+2;strL=document.all['I6'].style.left;document.all['I6'].style.left=eval(strL.substring(0,strL.length-2))+2;}function changeClass(obj){if(blnFinish!=false){document.all['C1'].className="start";document.all['C2'].className="start";document.all['C3'].className="start";document.all['C4'].className="start";document.all['C5'].className="start";document.all['C6'].className="start";obj.className="start1";strBid=obj.id;}}</SCRIPT><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<TABLE cellSpacing=0 width="100%" border=0>  <TBODY>  <TR>    <TD align=middle><FONT       style="FONT-WEIGHT: bold; FONT-SIZE: 38px; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal"       color=green><I>Let&#39;s Race</I></FONT> </TD></TR></TBODY></TABLE><TABLE id=t1 height=500 cellSpacing=4 width="100%">  <TBODY>  <TR>    <TD class=start id=C1 onclick=changeClass(this); width="3%">A </TD>    <TD id=AC1 vAlign=center bgColor=#ffffcc><IMG       style="BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; LEFT: 0px; BORDER-LEFT: 0px solid; BORDER-BOTTOM: 0px solid; POSITION: relative; TOP: 0px"       src="1.gif" name=I1> </TD>    <TD bgColor=green rowSpan=6>&nbsp;&nbsp; </TD></TR>  <TR>    <TD class=start id=C2 onclick=changeClass(this);>B </TD>    <TD id=AC2 vAlign=center bgColor=#ffcc99><IMG       style="LEFT: 0px; POSITION: relative; TOP: 0px"       src="10.gif" name=I2> </TD></TR>  <TR>    <TD class=start id=C3 onclick=changeClass(this);>C </TD>    <TD id=AC3 vAlign=center bgColor=#ffffcc><IMG       style="LEFT: 0px; POSITION: relative; TOP: 0px"       src="11.gif" name=I3> </TD></TR>  <TR>    <TD class=start id=C4 onclick=changeClass(this);>D </TD>    <TD id=AC4 vAlign=center bgColor=#ffcc99><IMG       style="LEFT: 0px; POSITION: relative; TOP: 0px"       src="12.gif" name=I4> </TD></TR>  <TR>    <TD class=start id=C5 onclick=changeClass(this);>E </TD>    <TD id=AC5 vAlign=center bgColor=#ffffcc><IMG       style="LEFT: 0px; POSITION: relative; TOP: 0px"       src="13.gif" name=I5> </TD></TR>  <TR>    <TD class=start id=C6 onclick=changeClass(this);>F </TD>    <TD id=AC6 vAlign=center bgColor=#ffcc99><IMG       style="LEFT: 0px; POSITION: relative; TOP: 0px"       src="14.gif" name=I6> </TD></TR>  <TR>    <TD vAlign=center Align=center colSpan=2><INPUT style="WIDTH: 90px" onclick=javascript:animate(); type=button value=Go name=btnGO>&nbsp;&nbsp;&nbsp;&nbsp; <INPUT onclick=javascript:Restart(); type=button value=Restart name=btnStart>     </TD></TR>  <TR>    <TD vAlign=center Align=center colSpan=2><FONT       style="FONT-WEIGHT: bold; FONT-SIZE: 14px; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal"       color=navy>You can Bid on a handsome guy by clicking the Red box adjacent to it.</FONT> </TD></TR></TBODY></TABLE><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


Files
http://javascriptbank.com/javascript/game/Lets_Race/Lets_Race_images.zip