يك سري كد جالب javascript (كشور خود را در روي نقشه پيدا كنيد)

yasseronline

yasseronline

Member
با سلام امروز تو اينترنت چرخ مي زدم كه يك صفحه ي جالب ديدم كه با جاوا اسكريپت درست كرده بودند. و اون اين است محل كشور خود را در اوروپا روي نقشه پيدا كنيد .!!!
ـــــــــــــــــــــــــــــــــــــ
[web:66ebde25c9]http://www.kokogiak.com/webtools/pointermap_euro.htm[/web:66ebde25c9]
ــــــــــــــــــــــــــــــــــ
من از اين كد ها خيلي خوشم اومد و خيلي هم جالب بود برام و گفتم اينجا بذارم يه توضيح كوچيك هم بدم
اگر يك كم از جاوا اسكريپت بدونيد به راحتي مي شه فهميد اين كدها چگونه كار مي كنند . همون طور كه ميدونيد يكي از امكانات جاوا اسكريپت فهميدن مختصات يك جسم در صفحه يا تغيير محل اون توسط همين مختصات مپلا ممكنه تا حالا توي سايت ها و وبلاگ ها ديده باشيد كه يك پروانه مياد و حركت مي كنه اين همون كد جاوا اسكريپت هستش كه مختصات پروانه رو به صورت رندام تعيين مي كنه از اين حرف ها بگزريم در اين صفحه كه با لا هستش از همين خاصيت استفاده شده و اين كدها نوشته شده است .
شما هم مي توانيد توسط يك همچين كاري و با استفاده از اين خاصيت جاوا اسكريپت كارهاي زيبايي خلق كنيد منم اگر شد نقشه ي آسيا يا يه چيز ديگه رو با اين خاصيت درست مي كنم و مي ذارم اينجا. ضمنآ براي فهميدن مختصات يك جسم در يك صفحه مي تونيد از صفحه ي پايين كمك بگيريد.
ـــــــــــــــــــــــــــــ
[web:66ebde25c9]http://www.kokogiak.com/webtools/slider.html[/web:66ebde25c9]
ــــــــــــــــــــــــــــ
اميدوارم استفاده كرده باشيد به اميد ديدار
 
M

Masih

Well-Known Member
راستش اين صفحات جالب بود ولي چشمام در اومد تا بتونم اين كدي رو كه ميگي ببينم ولي موفق نشدم!!! :lol: 8O
 
yasseronline

yasseronline

Member
آقا من منظورم از كد سورس كدي هستش كه براي اين صفحه ها نوشته شده است
 
M

Masih

Well-Known Member
yasseronline گفت:
آقا من منظورم از كد سورس كدي هستش كه براي اين صفحه ها نوشته شده است
کلیک کنید تا باز شود...

آهان! پس منظورت اين هست ديگه:

کد: 
<html><head><title>Know your Euro-neighbors</title></head><body>
<table border=0 cellpadding=0 cellspacing=0 width=640><tr valign=top><td>

	<div style="position:relative;top:0;left:0;">
	
		<!-- ### CHANGE IMAGE HERE ### --><img src="euro.jpg" width=350 height=300>
	
		<div ID="ARpointer" style="visibility:hidden;position:absolute;top:-10;left:-10;width:53;height:20"><img height=20 width=53 border=0 src="pointer1.gif"></div>
	</div>

</td><td>

<!-- ### CHANGE TEXT LINKS HERE ### -->
	<font face=arial size=2><b>Country Finder</b><p>
<li><a href='javascript:gotopoint(100,120)'>United Kingdom</a>
<li><a href='javascript:gotopoint(270,80)'>Lithuania</a>
<li><a href='javascript:gotopoint(240,210)'>Bosnia and Herzegovina</a>
<li><a href='javascript:gotopoint(260,20)'>Finland</a>
<li><a href='javascript:gotopoint(140,140)'>Belgium</a>
<li><a href='javascript:gotopoint(150,120)'>Netherlands</a>
<li><a href='javascript:gotopoint(270,40)'>Estonia</a>
<li><a href='javascript:gotopoint(200,230)'>Italy</a>
<li><a href='javascript:gotopoint(180,130)'>Germany</a>
<li><a href='javascript:gotopoint(290,270)'>Greece</a>
<li><a href='javascript:gotopoint(170,30)'>Norway</a>
<li><a href='javascript:gotopoint(210,150)'>Czech Republic</a>
<li><a href='javascript:gotopoint(210,60)'>Sweden</a>
<li><a href='javascript:gotopoint(210,200)'>Slovenia</a>
<li><a href='javascript:gotopoint(270,220)'>Serbia</a>
<li><a href='javascript:gotopoint(260,180)'>Hungary</a>
<li><a href='javascript:gotopoint(180,90)'>Denmark</a>
</td><td><font face=arial size=2>
<li><a href='javascript:gotopoint(240,160)'>Slovakia</a>
<li><a href='javascript:gotopoint(60,260)'>Spain</a>
<li><a href='javascript:gotopoint(290,190)'>Romania</a>
<li><a href='javascript:gotopoint(280,240)'>Macedonia</a>
<li><a href='javascript:gotopoint(220,180)'>Austria</a>
<li><a href='javascript:gotopoint(310,220)'>Bulgaria</a>
<li><a href='javascript:gotopoint(160,190)'>Switzerland</a>
<li><a href='javascript:gotopoint(220,210)'>Croatia</a>
<li><a href='javascript:gotopoint(340,260)'>Turkey</a>
<li><a href='javascript:gotopoint(320,170)'>Moldova</a>
<li><a href='javascript:gotopoint(310,140)'>Ukraine</a>
<li><a href='javascript:gotopoint(150,150)'>Luxembourg</a>
<li><a href='javascript:gotopoint(300,100)'>Belarus</a>
<li><a href='javascript:gotopoint(120,190)'>France</a>
<li><a href='javascript:gotopoint(270,60)'>Latvia</a>
<li><a href='javascript:gotopoint(240,120)'>Poland</a>
<li><a href='javascript:gotopoint(270,250)'>Albania</a>
<li><a href='javascript:gotopoint(320,50)'>Russia</a>
<li><a href='javascript:gotopoint(15,254)'>Portugal</a>


	</font>
<!-- ### END CHANGES ### -->	

</td></tr></table>
	
<script>
	pm_x=0;pm_y=0;pm_counter = 0;pm_clk = "no";
	
	function wmTell(wd){
		if (pm_x!=0 && pm_y !=0) {	
	
			if (wd=="dr"){ARpointer.style.posLeft+=xinterval;;
						  ARpointer.style.posTop+=yinterval;}
			if (wd=="ur"){ARpointer.style.posLeft+=xinterval;
						  ARpointer.style.posTop-=yinterval;}	
			if (wd=="dl"){ARpointer.style.posLeft-=xinterval;
						  ARpointer.style.posTop+=yinterval;}	
			if (wd=="ul"){ARpointer.style.posLeft-=xinterval;
						  ARpointer.style.posTop-=yinterval;}	
	
			pm_counter++
			if (pm_counter<=10){
				if (wd=="dr"){setTimeout("wmTell('dr')",75);}
				if (wd=="dl"){setTimeout("wmTell('dl')",75);}
				if (wd=="ur"){setTimeout("wmTell('ur')",75);}
				if (wd=="ul"){setTimeout("wmTell('ul')",75);}
			}
			else {
				pm_clk = "no"
			
				ARpointer.style.posLeft=pm_x;
				ARpointer.style.posTop=pm_y;
	
			}
		}
	}
	
	
function gotopoint(xn,yn){						//Mouseclick function, takes an x & y coord
		
	currx=ARpointer.style.posLeft;curry=ARpointer.style.posTop;
	ARpointer.style.visibility="visible"

		
	if (!(xn==(currx+53) && yn==(curry+19))){	//If it's not already at the point
		if (pm_clk=="no"){						//If it's not already animating
			pm_clk="yes";xn-=53;yn-=19;
	
			if ( xn >= currx && yn >= curry ) {lr = (xn - currx);ud = (yn - curry);pm_wha = "dr"}
			if ( xn <= currx && yn <= curry ) {lr = (currx - xn);ud = (curry - yn);pm_wha = "ul"}
			if ( xn >= currx && yn <= curry ) {lr = (xn - currx);ud = (curry - yn);pm_wha = "ur"}
			if ( xn <= currx && yn >= curry ) {lr = (currx - xn);ud = (yn - curry);pm_wha = "dl"}
			pm_x = xn							//reassign global pm_x & pm_y the passed-in values
			pm_y = yn
			pm_counter = 0;						//reset counter				
			xinterval=(lr/10)					//set up step intervals for animation
			yinterval=(ud/10)
			wmTell(pm_wha);
		}
	}	
}
</script><br>
</body></html>
 
برای ارسال پاسخ شما باید وارد سیستم شوید.

آخرین مطالب مجیدآنلاین

جدیدترین ارسال ها

بالا