الکتریسته electricity

در این صفحه می خوانید:الکتریسته چیست_هادی ها_عایق ها_نیمه هادی ها_روش های تولید الکتریسته_انواع جریان الکتریکی_فرق فاز ونول بامثبت ومنفی_مدار ها

الکتریسته چیست؟ عناصر از اجزاء کوچکی بنام اتم تشکیل شده اند.اتم کوچکترین جزءیک عنصر است که خواص آن عنصر را داراست.اتم ها از دو قسمت کلی هسته ومدارات(لایه ها ) تشکیل شده اند.هسته که از پروتون ونوترون تشکیل شده است دارای بار مثبت والکترون ها بار منفی دارند بنابراین اتم ها درحالت عادی خنثی می باشند.روش توزیع الکترون ها در مدارهای خارجی میزان ثبات الکتریکی اتم را تعیین می کند آخرین لایه یا مدار الکتریکی لایه ظرفیت (لایه والانس) نامیده می شود. برای ثبات الکتریکی اتم آخرین مدار نیازمند هشت الکترون است.(به استثنای اتمی که فقط یک مدار داردوحد اکثر دارای دو الکترون است ).هر چه لایه ولانس عنصری دارای تعداد کمتری الکترون باشد از ثبات کمتری بر خور دار است والکترون ها می توانند آزادانه حرکت کنند .وقتی مثلا در یک سیم مسی  تعداد زیادی اتم بطور فشرده در کنار هم قرار دارند الکترون آخرین مدار می تواند از اتمی به اتم دیگر برود اگر سیم را به دو انتهای یک باطری وصل نماییم الکترون های انباشته شده در قطب منفی باطری از طریق حرکت وجابجایی با پروتون های انباشته در قطب مثبت موازنه می گردد.بنابراین چنین می توان گفت که جریان الکتریسته همان جریان الکترون ها در مسیر مشخص است.

هادی ها_ وقتی در جسمی الکترون ها بتوانند به آسانی از یک اتم به اتم دیگری منتقل شوند این جسم را هادی می نامند.هادی ها در آخرین لایه خود کمتر از 4 الکترون دارند وبه خوبی می توانند جریان الکتریکی را از خود عبور دهند .تمامی فلزات هادی می باشند نقره،مس ،طلا، آلومینیم وآهن جزء هادی های خوب محسوب می شوند که به ترتیب نقره در درجه اول وآهن در مرتبه آخر از نظر هدایت الکریکی قرار دارند

عایق ها_در لایه والانس اتم این اجسام بیشتر از 4 الکترون وجود دارد والکترون ها تمایل زیادی به ماندن در مدار خود را دارند.بنابراین برق را از خود عبور نمی دهند .شیشه ،پلاستیک ،لاستیک،هوا،میکاوکاغذ جزء اجسام عایقند که به دی الکتریک معروفند

نیمه هادی ها_ کربن ،سیلیکون و ژرمانیوم از عناصر نیمه هادی محسوب می شوند ودر لایه والانس خود 4 الکترون دارند.قابلیت هدایت آن ها از هادی ها کمتر واز عایق ها بیشتر است ودر ساخت نیمه هادی ها وترانزیستور ها مورد استفاده قرار می گیرند

روش های تولید الکتریسته_روش شیمیایی- هر گاه دو صفحه فلزی غیره هم جنس (یا یک صفحه فلز ویک صفحه زغال)در یک محیط الکترولیتی قرار گیرد در اثر واکنش شیمیایی بارهای مخالف روی دو صفحه غیره هم جنس تولید شده وقطب های مثبت ومنفی رابوجود می آورد.پیل خشک (باتری) ، پیل تر و همچنین انباره اتو مبیل از جمله مولد های شیمیایی الکتریسته می باشند

روش حرارت(ترموکوپل) _هرگاه دو فلز غیره هم جنس را از یک طرف به هم متصل کنیم ومحل اتصال دو فلز را حرارت دهیم دردو سر طرف دیگر فلزات مذکور الکتریسته بوجود می آید. به این وسیله ترموکوپل گفته می شودکه برای   اندازه گیری درجه حرارت کوره هابکار می رود. همچنین برای جلوگیری از تجمع گاز وخطر انفجار وسایل گازسوز به هنگام قطع وبرگشت مجدد گاز مورد استفاده قرار می گیرد

روش نوری (باتری های خورشیدی ) _فلزاتی مثل سلنیوم در اثر جذب نور الکترون آزاد می کنند که منبع خوبی برای انرژی الکتریکی ماهواره ها می باشد

روش مغناطیسی_ هر گاه یک سیم هادی در میدان مغناطیسی چنان حرکت کند که خطوط نیروی مغناطیسی را قطع کند درسیم یک نیروی محرکه القایی بوجود می آید. وهمینطور اگر میدان حرکت کند و سیم ثابت باشد نیز نیروی القایی بوجود می آید.این پدیده اساس کار ژنراتور های مولد جریان متناوب است.از روش های تولید الکتریسته که ذکر شد تنها روش مغناطیسی (ژنراتور ) جریان متناوب تولید می کند و بقیه روش ها مولد جریان دایم یا مستقیم هستند. دینامو نیز مولدی است که جریان مستقیم تولید می کند واساس کار آن با کمی تغییر در قسمت کولکتور شبیه ژنراتور است.

انواع جریان الکتریکی _جریان مستقیم(دایم-DC )-شدت جریان درDC نسبت به زمان ثابت است. به عبارت ساده تر جای مثبت ومنفی عوض نمی شود مثل جریانی که از انواع باتری ها بدست می آید.

جریان متناوب سینوسی- تغییرات شدت جریان AC تابع سینوسی از زمان است،علاوه بر تغییر شدت سوی جریان نیز در هر پریود تغییر می کند.واین بدلیل ساختمان مولد های جریان مربوطه می باشد.همانطور که قبلا نیز اشاره شد. ژنراتورها جریان متناوب تولید می کنند.برق شهر یک جریان متناوب است که در هر ثانیه 50 تا60 مرتبه جای مثبت ومنفی آن عوض میشود.درهمین جا یاد آور می شویم یکی از علایمی که بر روی وسایل برقی حک می شود همین عدد (50-60 HZ) است که نشان دهنده فرکانس برق یا جابجایی قطب مثبت و منفی در ثانیه است.

فرق(فازونول ) با (مثبت ومنفی )-تجمع الکترون ها با بار منفی در یک سر باتری را قطب منفی می نامیم .همچنین سر دیگر باتری که کمبود الکترون دارد قطب مثبت بحساب می آید.ومی دانیم که جای آن ها همیشه ثابت است.درجریان متناوب چیزی به اسم سیم مثبت ومنفی نداریم چون در هر لحظه جای آن ها عوض می شود.ولی یکی از سیم ها را فاز ودیگری را نول می نامیم چرا؟ به زبانی خیلی ساده باید گفت مسیر جریان وسیمی که از طریق هوا وتیر های چراغ برق منتقل می شود فاز و مسیری که از طریق زمین عبور می کند نول نامیده می شود و به همین دلیل است که فاز متر سیم فاز را مشخص می کند چون لامپ فاز متر مصرف کننده ای است که برای روشن شدن به دو سیم فاز ونول احتیاج دارد.حال اگر سر فاز متر به سیم نول گذاشته شود سیم دیگر که از طریق زمین وبدن انسان به ته فاز متر می رسد نیز نول می باشد ودر حقیقت هر دویک سیم به حساب می آید.بنابراین نمی تواند لامپ را روشن کند ولی اگر سر فاز متر به سیم فاز متصل شود چون بدن نول محسوب می شود لذا لامپ فازمتر روشن می شود.

مدار ها- به مجموعه ی منبع تغذیه ، سیم های رابط، کلیدها ومصرف کننده ها مدار می گویند. مدار ممکن است ساده ویا مرکب  از چند مدار ساده باشد.

 انواع مدار- شامل = سری -   موازی   و    سری موازی  می باشد.

مدار سری - وقتی اجزاء یک مدار به طریقی به هم وصل شوند که یک سر یکی به انتهای دیگری وبه همین ترتیب تا آخر مدار ادامه داشته باشد، مدار را سری می گویند .

مدار موازی - هر گاه در مداری مصرف کننده ها طوری متصل شده باشند که گویی هر یک جداگانه به دو سر منبع تغذیه وصل شده اند مدار موازی می باشد . سیم کشی برق منازل و قرار گرفتن مصرف کننده های گوناگون در مدار آن ازنوع موازی می باشد.

مدار سری موازی- این مدار ترکیبی از مدار سری و موازی است.مثل مدار اکثر سشوار ها.  

Time

29. ساعت عقربه دار لغزان.

تبصره: این کد را بهتر است که در قسمت سر، یعنی ما بین دو تگ <head></head> قرار دهید.

Select All
<!--http://sirgani.blogsky.com --> <script language="JavaScript"> fCol='#8000FF'; //face colour. sCol='#FF0080'; //seconds colour. mCol='00FFFF'; //minutes colour. hCol='FFFF00'; //hours colour. Ybase=35; //Clock height. Xbase=45; //Clock width. H='...'; H=H.split(''); M='....'; M=M.split(''); S='.....'; S=S.split(''); NS4=(document.layers); NS6=(document.getElementById&&!document.all); IE4=(document.all); Ypos=0; Xpos=0; dots=12; Split=360/dots; if (NS6){ for (i=1; i < dots+1; i++){ document.write('<div id="n6Digits'+i+'" style="position:absolute;top:0px;left:0px;width:30px;height:30px;font-family:Arial;font-size:10px;color:#'+fCol+';text-align:center;padding-top:10px">'+i+'</div>'); } for (i=0; i < M.length; i++){ document.write('<div id="Ny'+i+'" style="position:absolute;top:0px;left:0px;width:2px;height:2px;font-size:2px;background:#'+mCol+'"></div>'); } for (i=0; i < H.length; i++){ document.write('<div id="Nz'+i+'" style="position:absolute;top:0px;left:0px;width:2px;height:2px;font-size:2px;background:#'+hCol+'"></div>'); } for (i=0; i < S.length; i++){ document.write('<div id="Nx'+i+'" style="position:absolute;top:0px;left:0px;width:2px;height:2px;font-size:2px;background:#'+sCol+'"></div>'); } } if (NS4){ dgts='1 2 3 4 5 6 7 8 9 10 11 12'; dgts=dgts.split(' ') for (i=0; i < dots; i++){ document.write('<layer name=nsDigits'+i+' top=0 left=0 height=30 width=30><center><font face=Arial size=1 color='+fCol+'>'+dgts[i]+'</font></center></layer>'); } for (i=0; i < M.length; i++){ document.write('<layer name=ny'+i+' top=0 left=0 bgcolor='+mCol+' clip="0,0,2,2"></layer>'); } for (i=0; i < H.length; i++){ document.write('<layer name=nz'+i+' top=0 left=0 bgcolor='+hCol+' clip="0,0,2,2"></layer>'); } for (i=0; i < S.length; i++){ document.write('<layer name=nx'+i+' top=0 left=0 bgcolor='+sCol+' clip="0,0,2,2"></layer>'); } } if (IE4){ document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=1; i < dots+1; i++){ document.write('<div id="ieDigits" style="position:absolute;top:0px;left:0px;width:30px;height:30px;font-family:Arial;font-size:10px;color:'+fCol+';text-align:center;padding-top:10px">'+i+'</div>'); } document.write('</div></div>') document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < M.length; i++){ document.write('<div id=y style="position:absolute;width:2px;height:2px;font-size:2px;background:'+mCol+'"></div>'); } document.write('</div></div>') document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < H.length; i++){ document.write('<div id=z style="position:absolute;width:2px;height:2px;font-size:2px;background:'+hCol+'"></div>'); } document.write('</div></div>') document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < S.length; i++){ document.write('<div id=x style="position:absolute;width:2px;height:2px;font-size:2px;background:'+sCol+'"></div>'); } document.write('</div></div>') } function clock(){ time = new Date (); secs = time.getSeconds(); sec = -1.57 + Math.PI * secs/30; mins = time.getMinutes(); min = -1.57 + Math.PI * mins/30; hr = time.getHours(); hrs = -1.57 + Math.PI * hr/6 + Math.PI*parseInt(time.getMinutes())/360; if (NS6){ Ypos=window.pageYOffset+window.innerHeight-Ybase-25; Xpos=window.pageXOffset+window.innerWidth-Xbase-30; for (i=1; i < dots+1; i++){ document.getElementById("n6Digits"+i).style.top=Ypos-15+Ybase*Math.sin(-1.56 +i *Split*Math.PI/180) document.getElementById("n6Digits"+i).style.left=Xpos-15+Xbase*Math.cos(-1.56 +i*Split*Math.PI/180) } for (i=0; i < S.length; i++){ document.getElementById("Nx"+i).style.top=Ypos+i*Ybase/4.1*Math.sin(sec); document.getElementById("Nx"+i).style.left=Xpos+i*Xbase/4.1*Math.cos(sec); } for (i=0; i < M.length; i++){ document.getElementById("Ny"+i).style.top=Ypos+i*Ybase/4.1*Math.sin(min); document.getElementById("Ny"+i).style.left=Xpos+i*Xbase/4.1*Math.cos(min); } for (i=0; i < H.length; i++){ document.getElementById("Nz"+i).style.top=Ypos+i*Ybase/4.1*Math.sin(hrs); document.getElementById("Nz"+i).style.left=Xpos+i*Xbase/4.1*Math.cos(hrs); } } if (NS4){ Ypos=window.pageYOffset+window.innerHeight-Ybase-20; Xpos=window.pageXOffset+window.innerWidth-Xbase-30; for (i=0; i < dots; ++i){ document.layers["nsDigits"+i].top=Ypos-5+Ybase*Math.sin(-1.045 +i*Split*Math.PI/180) document.layers["nsDigits"+i].left=Xpos-15+Xbase*Math.cos(-1.045 +i*Split*Math.PI/180) } for (i=0; i < S.length; i++){ document.layers["nx"+i].top=Ypos+i*Ybase/4.1*Math.sin(sec); document.layers["nx"+i].left=Xpos+i*Xbase/4.1*Math.cos(sec); } for (i=0; i < M.length; i++){ document.layers["ny"+i].top=Ypos+i*Ybase/4.1*Math.sin(min); document.layers["ny"+i].left=Xpos+i*Xbase/4.1*Math.cos(min); } for (i=0; i < H.length; i++){ document.layers["nz"+i].top=Ypos+i*Ybase/4.1*Math.sin(hrs); document.layers["nz"+i].left=Xpos+i*Xbase/4.1*Math.cos(hrs); } } if (IE4){ Ypos=document.body.scrollTop+window.document.body.clientHeight-Ybase-20; Xpos=document.body.scrollLeft+window.document.body.clientWidth-Xbase-20; for (i=0; i < dots; ++i){ ieDigits[i].style.pixelTop=Ypos-15+Ybase*Math.sin(-1.045 +i *Split*Math.PI/180) ieDigits[i].style.pixelLeft=Xpos-15+Xbase*Math.cos(-1.045 +i *Split*Math.PI/180) } for (i=0; i < S.length; i++){ x[i].style.pixelTop =Ypos+i*Ybase/4.1*Math.sin(sec); x[i].style.pixelLeft=Xpos+i*Xbase/4.1*Math.cos(sec); } for (i=0; i < M.length; i++){ y[i].style.pixelTop =Ypos+i*Ybase/4.1*Math.sin(min); y[i].style.pixelLeft=Xpos+i*Xbase/4.1*Math.cos(min); } for (i=0; i < H.length; i++){ z[i].style.pixelTop =Ypos+i*Ybase/4.1*Math.sin(hrs); z[i].style.pixelLeft=Xpos+i*Xbase/4.1*Math.cos(hrs); } } setTimeout('clock()',100); } clock(); //--> </script>

30. ساعت عقربه دار ثابت.

تبصره 1: همانطور که در این کد ملاحضه می کنید، تگهای سر و بدن ( <head></head> و <body></body> ) آمده است. من توصیه میکنم شما محتویات ما بین هر دو تگ را تک تک کپی بگیرید و در قسمت های سر و بدن کد خود بچسبانید تا از تکرار مجدد این دو تگ جلوگیری شود. البته تکرار این دو تگ ممانعتی ندارد ولی بهتر است یکبار تکرار شوند.
تبصره 2: من توصیه میکنم که اگر در لیست کد صفحه ی شما دو تگ (<style></style>) وجود دارد فقط کدهای میانی را کپی بگیرید و ما بین آنها بچسبانید.

Select All
<!-- http://sirgani.blogsky.com--> <head> <script language="JavaScript"> <!-- Begin pX = 100; pY = 100; obs = new Array(13); function ob() { for (i = 0; i < 13; i++) { if (document.all) obs[i] = new Array (eval('ob'+i).style,-100,-100); else obs[i] = new Array (eval('document.ob'+i),-100,-100); } } function cl(a, b, c) { if (document.all) { if (a != 0) b += -1; eval('c'+a+'.style.pixelTop='+(pY+(c))); eval('c'+a+'.style.pixelLeft='+(pX+(b))); } else { if (a != 0) b += 10; eval('document.c'+a+'.top='+(pY+(c))); eval('document.c'+a+'.left='+(pX+(b))); } } function runClock() { for (i = 0; i < 13; i++) { obs[i][0].left=obs[i][1]+pX; obs[i][0].top=obs[i][2]+pY; } } var lastsec; function timer() { time = new Date (); sec = time.getSeconds(); if (sec != lastsec) { lastsec = sec; sec = Math.PI * sec / 30; min = Math.PI * time.getMinutes() / 30; hr = Math.PI * time.getHours() / 6 + Math.PI * parseInt(time.getMinutes()) / 360; for (i = 1; i < 6; i++) { obs[i][1] = Math.sin(sec) * (44 - (i-1) * 11) - 16; if (document.layers)obs[i][1] += 10; obs[i][2] = -Math.cos(sec) * (44 - (i-1) * 11) - 27; } for (i = 6;i < 10; i++) { obs[i][1] = Math.sin(min) * (40 - (i-6) * 10) - 16; if (document.layers)obs[i][1] += 10; obs[i][2] = -Math.cos(min) * (40 - (i-6) * 10) - 27; } for (i = 10; i < 13; i++) { obs[i][1] = Math.sin(hr) * (37 - (i-10) * 11) - 16; if (document.layers)obs[i][1] += 10; obs[i][2] = -Math.cos(hr) * (37 - (i-10) * 11) - 27; } } } function setNum() { cl (0, -67, -65); cl (1, 10, -51); cl (2, 28, -33); cl (3, 35, -8); cl (4, 28, 17); cl (5, 10, 35); cl (6, -15, 42); cl (7, -40, 35); cl (8, -58, 17); cl (9, -65, -8); cl (10, -58, -33); cl (11, -40, -51); cl (12, -16, -56); } function startClock() { ob(); setNum(); setInterval('timer()', 100); setInterval('runClock()', 100); } // End --> </script> <style> ..num {color:#8000FF;width:30px;text-align:center; } </style> </head> <body onLoad="javascript:startClock();"> <div id="c0" style="position:absolute;left:36;top:36;z-index:2;"></div> <div id="c1" class="num" style="position:absolute;left:20;top:-20;z-index:5;font-size:11px;"><b>1</b></div> <div id="c2" class="num" style="position:absolute;left:20;top:-20;z-index:5;font-size:11px;"><b>2</b></div> <div id="c3" class="num" style="position:absolute;left:20;top:-20;z-index:5;font-size:11px;"><b>3</b></div> <div id="c4" class="num" style="position:absolute;left:20;top:-20;z-index:5;font-size:11px;"><b>4</b></div> <div id="c5" class="num" style="position:absolute;left:20;top:-20;z-index:5;font-size:11px;"><b>5</b></div> <div id="c6" class="num" style="position:absolute;left:20;top:-20;z-index:5;font-size:11px;"><b>6</b></div> <div id="c7" class="num" style="position:absolute;left:20;top:-20;z-index:5;font-size:11px;"><b>7</b></div> <div id="c8" class="num" style="position:absolute;left:20;top:-20;z-index:5;font-size:11px;"><b>8</b></div> <div id="c9" class="num" style="position:absolute;left:20;top:-20;z-index:5;font-size:11px;"><b>9</b></div> <div id="c10" class="num" style="position:absolute;left:20;top:-20;z-index:5;font-size:11px;"><b>10</b></div> <div id="c11" class="num" style="position:absolute;left:20;top:-20;z-index:5;font-size:11px;"><b>11</b></div> <div id="c12" class="num" style="position:absolute;left:20;top:-20;z-index:5;font-size:11px;"><b>12</b></div> <div id="ob0" class="num" style="position:absolute;left:-20;top:-20;z-index:1"></div> <div id="ob1" class="num" style="position:absolute;left:-20;top:-20;z-index:8"> <font size="+3" color="#FF0080"><b>.</b></font></div> <div id="ob2" class="num" style="position:absolute;left:-20;top:-20;z-index:8"> <font size="+3" color="#FF0080"><b>.</b></font></div> <div id="ob3" class="num" style="position:absolute;left:-20;top:-20;z-index:8"> <font size="+3" color="#FF0080"><b>.</b></font></div> <div id="ob4" class="num" style="position:absolute;left:-20;top:-20;z-index:8"> <font size="+3" color="#FF0080"><b>.</b></font></div> <div id="ob5" class="num" style="position:absolute;left:-20;top:-20;z-index:8"> <font size="+3" color="#FF0080"><b>.</b></font></div> <div id="ob6" class="num" style="position:absolute;left:-20;top:-20;z-index:7"> <font size="+3" color="#00ffff"><b>.</b></font></div> <div id="ob7" class="num" style="position:absolute;left:-20;top:-20;z-index:7"> <font size="+3" color="#00ffff"><b>.</b></font></div> <div id="ob8" class="num" style="position:absolute;left:-20;top:-20;z-index:7"> <font size="+3" color="#00ffff"><b>.</b></font></div> <div id="ob9" class="num" style="position:absolute;left:-20;top:-20;z-index:7"> <font size="+3" color="#00ffff"><b>.</b></font></div> <div id="ob10" class="num" style="position:absolute;left:-20;top:-20;z-index:6"> <font size="+3" color="#ffff00"><b>.</b></font></div> <div id="ob11" class="num" style="position:absolute;left:-20;top:-20;z-index:6"> <font size="+3" color="#ffff00"><b>.</b></font></div> <div id="ob12" class="num" style="position:absolute;left:-20;top:-20;z-index:6"> <font size="+3" color="#ffff00"><b>.</b></font></div> </body>

31. ساعت میله ای با جدول.

تبصره: همانطور که در این کد ملاحضه می کنید، تگهای سر و بدن ( <head></head> و <body></body> ) آمده است. من توصیه میکنم شما محتویات ما بین هر دو تگ را تک تک کپی بگیرید و در قسمت های سر و بدن کد خود بچسبانید تا از تکرار مجدد این دو تگ جلوگیری شود. البته تکرار این دو تگ ممانعتی ندارد ولی بهتر است یکبار تکرار شوند.

Select All
<!-- http://sirgani.blogsky.com --> <head> <script language="JavaScript"> <!-- Begin function clock() { var t = new Date(); var h = t.getHours(); var m = t.getMinutes(); var s = t.getSeconds(); var units = new String(""+ ""+ ""); var hours = t.getHours(); var min = t.getMinutes(); var sec = t.getSeconds(); document.clock.hours.value = units.substring(0, hours); document.clock.minutes.value = units.substring(0, min); document.clock.seconds.value = units.substring(0, sec); var status = "AM"; if (hours > 11) status = "PM"; if (hours < 11) hours -= 12; if (min < 10) min = "0" + min; if (sec < 10) sec = "0" + sec; document.clock.h.value = hours; document.clock.m.value = min; document.clock.s.value = sec; document.clock.time.value = hours + ":" + min + ":" + sec + " " + status; window.setTimeout("clock()", 900); } // End --> </script> </head> <body onLoad="clock();"> <form name="clock"><table><tr><td>Hours:</td><td> <input type="text" name="h" size="10" style="border: 0"></td></tr><tr><td colspan=2> <input type=text name="hours" size="24" style="color: navy"></td> </tr><tr><td>Minutes:</td><td><input type="text" name="m" size="10" style="border: 0"> </td></tr><tr><td colspan=2><input type=text name="minutes" size="60" style="color: navy"></td></tr> <tr><td>Seconds:</td><td><input type="text" name="s" size="10" style="border: 0"></td> </tr><tr><td colspan=2><input type=text name="seconds" size="69" style="color: navy"> </td></tr><tr><td>Time:<input type=text name="time" size="20" style="border: 0"> </td></tr></table></form> </body>

32. یک ساعت کامپیوتری ساده.

تبصره: همانطور که در این کد ملاحضه می کنید، تگهای سر و بدن ( <head></head> و <body></body> ) آمده است. من توصیه میکنم شما محتویات ما بین هر دو تگ را تک تک کپی بگیرید و در قسمت های سر و بدن کد خود بچسبانید تا از تکرار مجدد این دو تگ جلوگیری شود. البته تکرار این دو تگ ممانعتی ندارد ولی بهتر است یکبار تکرار شوند.

Select All
<!-- http://sirgani.blogsky.com--> <script language="JavaScript"> <!-- var timerID = null; var timerRunning = false; function stopclock () { if(timerRunning) clearTimeout(timerID); timerRunning = false; } function showtime () { var now = new Date(); var hours = now.getHours(); var minutes = now.getMinutes(); var seconds = now.getSeconds() var timeValue = "" + ((hours >12) ? hours -12 :hours) timeValue += ((minutes < 10) ? ":0" : ":") + minutes timeValue += ((seconds < 10) ? ":0" : ":") + seconds timeValue += (hours >= 12) ? " P.M" : " A.M" document.clock.face.value = timeValue; timerID = setTimeout("showtime()",1000); timerRunning = true; } function startclock () { stopclock(); showtime(); } //--> </script> <body onLoad="startclock(); timerONE=window.setTimeout"> <center><form name="clock" onSubmit="0"> <input type="text" name="face" size="7" value=""></form></center> </body>

33. ساعتی با نشانگر مدت زمانی که کاربر وارد شده است. (1 فارسی)

تبصره: این کد را بهتر است که در قسمت سر، یعنی ما بین دو تگ <head></head> قرار دهید.

Select All
<!-- http://sirgani.blogsky.com--> <script language="JavaScript"> day = new Date(); miVisit = day.getTime(); function clock() { dayTwo = new Date(); hrNow = dayTwo.getHours(); mnNow = dayTwo.getMinutes(); scNow = dayTwo.getSeconds(); miNow = dayTwo.getTime(); if (hrNow == 0) { hour = 12; ap = " AM"; } else if(hrNow <= 11) { ap = " AM"; hour = hrNow; } else if(hrNow == 12) { ap = " PM"; hour = 12; } else if (hrNow >= 13) { hour = (hrNow - 12); ap = " PM"; } if (hrNow >= 13) { hour = hrNow - 12; } if (mnNow <= 9) { min = "0" + mnNow; } else (min = mnNow) if (scNow <= 9) { secs = "0" + scNow; } else { secs = scNow; } time = hour + ":" + min + ":" + secs + ap; document.form.button.value = time; setTimeout('clock()', 1000); } function timeInfo() { milliSince = miNow; milliNow = miNow - miVisit; secsVisit = Math.round(milliNow / 1000); minsVisit = Math.round((milliNow / 1000) / 60); alert(" عزیزم شما الان " + minsVisit + " دقیقه یا " + secsVisit + " ثانیه است که در این وب سایت حضور داری "); } document.write("<form name="form">" + "<input type=button style='cursor=help' style='border=blue' style='height=20' style='background=#000099' style='color=white' value="Click for info!"" + " name=button onClick="timeInfo()"></form>"); onError = null; clock(); //--> </script>

34. ساعتی با نشانگر مدت زمانی که کاربر وارد شده است. (2 انگلیسی)

تبصره: این کد را بهتر است که در قسمت سر، یعنی ما بین دو تگ <head></head> قرار دهید.

Select All
<!-- http://sirgani.blogsky.com--> <script language="JavaScript"> <!-- Begin day = new Date(); miVisit = day.getTime(); function clock() { dayTwo = new Date(); hrNow = dayTwo.getHours(); mnNow = dayTwo.getMinutes(); scNow = dayTwo.getSeconds(); miNow = dayTwo.getTime(); if (hrNow == 0) { hour = 12; ap = " AM"; } else if(hrNow <= 11) { ap = " AM"; hour = hrNow; } else if(hrNow == 12) { ap = " PM"; hour = 12; } else if (hrNow >= 13) { hour = (hrNow - 12); ap = " PM"; } if (hrNow >= 13) { hour = hrNow - 12; } if (mnNow <= 9) { min = "0" + mnNow; } else (min = mnNow) if (scNow <= 9) { secs = "0" + scNow; } else { secs = scNow; } time = hour + ":" + min + ":" + secs + ap; document.form.button.value = time; self.status = time; setTimeout('clock()', 1000); } function timeInfo() { milliSince = miNow; milliNow = miNow - miVisit; secsVisit = Math.round(milliNow / 1000); minsVisit = Math.round((milliNow / 1000) / 60); alert("There have been " + milliSince + " milliseconds since midnight, January 1, 1970. " + "You have spent " + milliNow + " of those milliseconds on this page. " + ".... About " + minsVisit + " minutes, and " + secsVisit + " seconds."); } document.write("<form name="form">" + "<input type=button value="Click for info!"" + " name=button onClick="timeInfo()"></form>"); onError = null; clock(); // End --> </script>

35. ایجاد ساعت در نوار وضعیت.

تبصره: این کد را بهتر است که در قسمت سر، یعنی ما بین دو تگ <head></head> قرار دهید.

Select All
<!-- http://sirgani.blogsky.com--> <script Language="JavaScript"> var timerID = null; var timerRunning = false; function stopclock (){ if(timerRunning) clearTimeout(timerID); timerRunning = false; } function showtime () { var now = new Date(); var hours = now.getHours(); var minutes = now.getMinutes(); var seconds = now.getSeconds() var timeValue = "" + ((hours >12) ? hours -12 :hours) timeValue += ((minutes < 10) ? ":0" : ":") + minutes timeValue += ((seconds < 10) ? ":0" : ":") + seconds timeValue += (hours >= 12) ? " P.M" : " A.M" window.status = timeValue; timerID = setTimeout("showtime()",1000); timerRunning = true; } function startclock () { stopclock(); showtime(); } </script> <body onLoad="startclock()"></body>

36. ایجاد تاریخ و ساعت در نوار وضعیت.

تبصره: این کد را بهتر است که در قسمت سر، یعنی ما بین دو تگ <head></head> قرار دهید.

Select All
<!-- http://sirgani.blogsky.com--> <head> <script language="JavaScript"> <!-- Begin function runClock() { theTime = window.setTimeout("runClock()", 1000); var today = new Date(); var display= today.toLocaleString(); status=display; } // End --> </script> </head> <body onLoad="runClock()"></body>

37. ساعت های بعضی از شهر های خارجی.

تبصره: این کد را بهتر است که در قسمت سر، یعنی ما بین دو تگ <head></head> قرار دهید.

Select All
<!-- http://sirgani.blogsky.com --> <form name="where"> <select name="city" size="1" onchange="updateclock(this);"> <option value="" selected>Local time</option> <option value="0">London GMT</option> <option value="1">Rome</option> <option value="7">Bangkok</option> <option value="8">Hong Kong</option> <option value="9">Tokyo</option> <option value="10">Sydney</option> <option value="12">Fiji</option> <option value="-10">Hawaii</option> <option value="-8">San Francisco</option> <option value="-5">New York</option> <option value="-3">Buenos Aires</option> </select><br /> <script language="JavaScript"> if (document.all||document.getElementById) document.write('<span id="worldclock" style="font:bold 16px Arial;"></span><br>') zone=0; isitlocal=true; ampm=''; function updateclock(z){ zone=z.options[z.selectedIndex].value; isitlocal=(z.options[0].selected)?true:false; } function WorldClock(){ now=new Date(); ofst=now.getTimezoneOffset()/60; secs=now.getSeconds(); sec=-1.57+Math.PI*secs/30; mins=now.getMinutes(); min=-1.57+Math.PI*mins/30; hr=(isitlocal)?now.getHours():(now.getHours() + parseInt(ofst)) + parseInt(zone); hrs=-1.575+Math.PI*hr/6+Math.PI*parseInt(now.getMinutes())/360; if (hr < 0) hr+=24; if (hr > 23) hr-=24; ampm = (hr > 11)?"PM":"AM"; statusampm = ampm.toLowerCase(); hr2 = hr; if (hr2 == 0) hr2=12; (hr2 < 13)?hr2:hr2 %= 12; if (hr2<10) hr2="0"+hr2 var finaltime=hr2+':'+((mins < 10)?"0"+mins:mins)+':'+((secs < 10)?"0"+secs:secs)+' '+statusampm; if (document.all) worldclock.innerHTML=finaltime else if (document.getElementById) document.getElementById("worldclock").innerHTML=finaltime else if (document.layers){ document.worldclockns.document.worldclockns2.document.write(finaltime) document.worldclockns.document.worldclockns2.document.close() } setTimeout('WorldClock()',1000); } window.onload=WorldClock //--> </script> <ilayer id="worldclockns" width="100%" height="35"> <layer id="worldclockns2" width="100%" height="35" left="0" top="0" style="font:bold 16px Arial;"></layer></ilayer> </form>

38. ساعات بیشتر شهرهای جهان.

تبصره: همانطور که در این کد ملاحضه می کنید، تگهای سر و بدن ( <head></head> و <body></body> ) آمده است. من توصیه میکنم شما محتویات ما بین هر دو تگ را تک تک کپی بگیرید و در قسمت های سر و بدن کد خود بچسبانید تا از تکرار مجدد این دو تگ جلوگیری شود. البته تکرار این دو تگ ممانعتی ندارد ولی بهتر است یکبار تکرار شوند.

Select All
<!-- http://sirgani.blogsky.com--> <head> <script language="JavaScript"> <!-- Begin function GetTime() { var dt = new Date(); var def = dt.getTimezoneOffset()/60; var gmt = (dt.getHours() + def); document.clock.local.value = (IfZero(dt.getHours()) + ":" + IfZero(dt.getMinutes()) + ":" + IfZero(dt.getSeconds())); var ending = ":" + IfZero(dt.getMinutes()) + ":" + IfZero(dt.getSeconds()); var rome =check24(((gmt + 1) > 24) ? ((gmt + 1) - 24) : (gmt + 1)); document.clock.rome.value = (IfZero(rome) + ending); var isr =check24(((gmt + 2) > 24) ? ((gmt + 2) - 24) : (gmt + 2)); document.clock.Israel.value = (IfZero(isr) + ending); var msw =check24(((gmt + 3) > 24) ? ((gmt + 3) - 24) : (gmt + 3)); document.clock.msw.value = (IfZero(msw) + ending); var baku =check24(((gmt + 4) > 24) ? ((gmt + 4) - 24) : (gmt + 4)); document.clock.baku.value = (IfZero(baku) + ending); var del =check24(((gmt + 5) > 24) ? ((gmt + 5) - 24) : (gmt + 5)); document.clock.del.value = (IfZero(del) + ending); var dh =check24(((gmt + 6) > 24) ? ((gmt + 6) - 24) : (gmt + 6)); document.clock.dh.value = (IfZero(dh) + ending); var kok =check24(((gmt +7 ) > 24) ? ((gmt +7 ) - 24) : (gmt + 7)); document.clock.kok.value = (IfZero(kok) + ending); var ho =check24(((gmt + 8) > 24) ? ((gmt + 8) - 24) : (gmt + 8)); document.clock.ho.value = (IfZero(ho) + ending); var tky =check24(((gmt + 9) > 24) ? ((gmt + 9) - 24) : (gmt + 9)); document.clock.tky.value = (IfZero(tky) + ending); var sdn =check24(((gmt + 10) > 24) ? ((gmt + 10) - 24) : (gmt + 10)); document.clock.sdn.value = (IfZero(sdn) + ending); var mag =check24(((gmt + 11) > 24) ? ((gmt + 11) - 24) : (gmt + 11)); document.clock.mag.value = (IfZero(mag) + ending); var wll =check24(((gmt + 12) > 24) ? ((gmt + 12) - 24) : (gmt + 12)); document.clock.wll.value = (IfZero(wll) + ending); var _GMT =check24(((gmt) > 24) ? ((gmt) - 24) : (gmt)); document.clock._GMT.value = (IfZero(_GMT) + ":" + IfZero(dt.getMinutes()) + ":" + IfZero(dt.getSeconds())); var eniw =check24(((gmt + (24-12)) > 24) ? ((gmt + (24-12)) - 24) : (gmt + (24-12))); document.clock.eniw.value = (IfZero(eniw) + ending); var sam =check24(((gmt + (24-11)) > 24) ? ((gmt + (24-11)) - 24) : (gmt + (24-11))); document.clock.sam.value = (IfZero(sam) + ending); var haw =check24(((gmt + (24-10)) > 24) ? ((gmt + (24-10)) - 24) : (gmt + (24-10))); document.clock.Hawaii.value = (IfZero(haw) + ending); var ala =check24(((gmt + (24-9)) > 24) ? ((gmt + (24-9)) - 24) : (gmt + (24-9))); document.clock.alaska.value = (IfZero(ala) + ending); var pacif =check24(((gmt + (24-8)) >= 24) ? ((gmt + (24-8)) - 24) : (gmt + (24-8))); document.clock.pacif.value = (IfZero(pacif) + ending); var mount =check24(((gmt + (24-7)) > 24) ? ((gmt + (24-7)) - 24) : (gmt + (24-7))); document.clock.mount.value = (IfZero(mount) + ending); var center =check24(((gmt + (24-6)) > 24) ? ((gmt + (24-6)) - 24) : (gmt + (24-6))); document.clock.center.value = (IfZero(center) + ending); var east =check24(((gmt + (24-5)) > 24) ? ((gmt + (24-5)) - 24) : (gmt + (24-5))); document.clock.east.value = (IfZero(east) + ending); var atl =check24(((gmt + (24-4)) > 24) ? ((gmt + (24-4)) - 24) : (gmt + (24-4))); document.clock.atl.value = (IfZero(atl) + ending); var bra =check24(((gmt + (24-3)) > 24) ? ((gmt + (24-3)) - 24) : (gmt + (24-3))); bra = (bra >= 24) ? bra - 24 : bra; document.clock.bra.value = (IfZero(bra) + ending); var mid =check24(((gmt + (24-2)) > 24) ? ((gmt + (24-2)) - 24) : (gmt + (24-2))); mid = (mid >= 24) ? mid - 24 : mid; document.clock.mid.value = (IfZero(mid) + ending); var azo =check24(((gmt + (24-1)) > 24) ? ((gmt + (24-1)) - 24) : (gmt + (24-1))); azo = (azo >= 24) ? azo - 24 : azo; document.clock.azo.value = (IfZero(azo) + ending); setTimeout("GetTime()", 1000); } function IfZero(num) { return ((num <= 9) ? ("0" + num) : num); } function check24(hour) { return (hour >= 24) ? hour - 24 : hour; } // End --> </script> </head> <body onLoad="javascript:GetTime();"> <center> <form name="clock"> <strong>Local Time <input type="text" size="8" name="local"></strong><p> Eniwetok (GMT-12) <input type="text" size="8" name="eniw"><br> Samoa (GMT-11) <input type="text" size="8" name="sam"><br> Hawaii (GMT-10) <input type="text" size="8" name="Hawaii"><p> Alaska (GMT-9) <input type="text" size="8" name="alaska"><br> Pacific Time (GMT-8) <input type="text" size="8" name="pacif"><br> Mountain Time (GMT-7) <input type="text" size="8" name="mount"><p> Central Time (GMT-6) <input type="text" size="8" name="center"><br> Eastern Time (GMT-5) <input type="text" size="8" name="east"><br> Atlantic Time (GMT-4) <input type="text" size="8" name="atl"><p> Brazilia (GMT-3) <input type="text" size="8" name="bra"><br> Mid-Atlantic (GMT-2) <input type="text" size="8" name="mid"><br> Azores (GMT-1) <input type="text" size="8" name="azo"><p> <strong>Greenwich Mean Time (GMT) <input type="text" size="8" name="_GMT"></strong><p> Rome (GMT +1) <input type="text" size="8" name="rome"><br> Israel (GMT +2) <input type="text" size="8" name="Israel"><br> Moscow (GMT +3) <input type="text" size="8" name="msw"><p> Baku (GMT +4) <input type="text" size="8" name="baku"><br> New Delhi (GMT +5) <input type="text" size="8" name="del"><br> Dhakar (GMT +6) <input type="text" size="8" name="dh"><p> Bangkok (GMT +7) <input type="text" size="8" name="kok"><br> Hong Kong (GMT +8) <input type="text" size="8" name="ho"><br> Tokyo (GMT +9) <input type="text" size="8" name="tky"><p> Sydney (GMT +10) <input type="text" size="8" name="sdn"><br> Magadan (GMT +11) <input type="text" size="8" name="mag"><br> Wellington (GMT +12) <input type="text" size="8" name="wll"></form></center> <p><center><font face="arial, helvetica" SIZE="-2">Free JavaScripts<br /> by <a href="http://NazaninSt.Persianblog.com">Nazanin Studio</a></font></center><p>

39. کد یک تقویم کوچک ولی زیبا.

تبصره: این کد را بهتر است که در قسمت سر، یعنی ما بین دو تگ <head></head> قرار دهید.

Select All
<!-- http://sirgani.blogsky.com --> <center> <script language="JavaScript"> <!-- Begin monthnames = new Array( "January", "Februrary", "March", "April", "May", "June", "July", "August", "September", "October", "November", "Decemeber"); var linkcount=0; function addlink(month, day, href) { var entry = new Array(3); entry[0] = month; entry[1] = day; entry[2] = href; this[linkcount++] = entry; } Array.prototype.addlink = addlink; linkdays = new Array(); monthdays = new Array(12); monthdays[0]=31; monthdays[1]=28; monthdays[2]=31; monthdays[3]=30; monthdays[4]=31; monthdays[5]=30; monthdays[6]=31; monthdays[7]=31; monthdays[8]=30; monthdays[9]=31; monthdays[10]=30; monthdays[11]=31; todayDate=new Date(); thisday=todayDate.getDay(); thismonth=todayDate.getMonth(); thisdate=todayDate.getDate(); thisyear=todayDate.getYear(); thisyear = thisyear % 100; thisyear = ((thisyear < 50) ? (2000 + thisyear) : (1900 + thisyear)); if (((thisyear % 4 == 0) && !(thisyear % 100 == 0)) ||(thisyear % 400 == 0)) monthdays[1]++; startspaces=thisdate; while (startspaces > 7) startspaces-=7; startspaces = thisday - startspaces + 1; if (startspaces < 0) startspaces+=7; document.write("<table border=2 bgcolor=white "); document.write("bordercolor=black><font color=black>"); document.write("<tr><td colspan=7><center><strong>" + monthnames[thismonth] + " " + thisyear + "</strong></center></font></td></tr>"); document.write("<tr>"); document.write("<td align=center>Su</td>"); document.write("<td align=center>M</td>"); document.write("<td align=center>Tu</td>"); document.write("<td align=center>W</td>"); document.write("<td align=center>Th</td>"); document.write("<td align=center>F</td>"); document.write("<td align=center>Sa</td>"); document.write("</tr>"); document.write("<tr>"); for (s=0;s<startspaces;s++) { document.write("<td> </td>"); } count=1; while (count <= monthdays[thismonth]) { for (b = startspaces;b<7;b++) { linktrue=false; document.write("<td>"); for (c=0;c<linkdays.length;c++) { if (linkdays[c] != null) { if ((linkdays[c][0]==thismonth + 1) && (linkdays[c][1]==count)) { document.write("<a href="" + linkdays[c][2] + "">"); linktrue=true; } } } if (count==thisdate) { document.write("<font color='FF0000'><strong>"); } if (count <= monthdays[thismonth]) { document.write(count); } else { document.write(" "); } if (count==thisdate) { document.write("</strong></font>"); } if (linktrue) document.write("</a>"); document.write("</td>"); count++; } document.write("</tr>"); document.write("<tr>"); startspaces=0; } document.write("</table></p>"); // End --> </script> </center>

40. یک ساعت کامپیوتری در عنوان صفحه (Title).

تبصره: این کد را بهتر است که در قسمت سر، یعنی ما بین دو تگ <head></head> قرار دهید.

Select All
<!-- http://sirgani.blogsky.com--> <script language="JavaScript"> <!-- Begin var clocktext, timeday; var pagetitle = document.title; function scroll() { today = new Date(); sec = today.getSeconds(); hr = today.getHours(); min = today.getMinutes(); if (hr < 12) { timeday = " AM"; } else { timeday = " PM"; } if (hr > 12) hr = hr - 12; if (hr <= 9) hr = "0" + hr; if (min <= 9) min = "0" + min; if (sec <= 9) sec = "0" + sec; var clocktext = " - " + hr + ":" + min + ":" + sec + timeday; clocktimer = setTimeout("scroll()", 1000); document.title = pagetitle + clocktext; } if (document.all) scroll(); // End --> </script>

موفق باشید .

Mouse

20. قفل کردن راست کلیک بدون پیام.

تبصره: این کد را بهتر است که در قسمت سر، یعنی ما بین دو تگ <head></head> قرار دهید.

Select All
<!-- http://sirgani.blogsky.com --> <script language="JavaScript"> <!-- var message=""; function clickIE() {if (document.all) {(message);return false;}} function clickNS(e) {if (document.layers||(document.getElementById&&!document.all)) { if (e.which==2||e.which==3) {(message);return false;}}} if (document.layers) {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;} else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;} //--> </script>

21. قفل کردن راست کلیک با پیام.

تبصره: این کد را بهتر است که در قسمت سر، یعنی ما بین دو تگ <head></head> قرار دهید.

Select All
<!-- http://sirgani.blogsky.com--> <script language="javascript"> <!-- function noRightClick() { if (event.button==2) { alert ('! هنوز نیومده میخوای چیکار کنی شیطون بلا') } } document.onmousedown=noRightClick //--> </script>

22. تصویر به دنبال نشانگر موس با قابلیت غیر فعال کردن.

تبصره 1: این کد را بهتر است که در قسمت سر، یعنی ما بین دو تگ <head></head> قرار دهید.
تبصره 2: در قسمت اول این کد به دو عدد چهل دقت کنید این دو عدد اندازه ی عکسهایی است که در کد نقش دکمه ی روشن و خاموش را بر عهده دارد که شما باید در صورت نیاز آن را تغییر دهید.
تبصره 3: بجای واژه های URL PIC ON باید آدرس عکسی را جایگزین کنید که نشان دهد کد فعال است و بجای واژه های URL PIC OFF آدرس عکسی را جایگزین کنیید که نشان دهد کد غیر فعال است.
تبصره 4: بجای واژه های URL PIC که من آنها را شماره گذاری کردم، باید آدرس عکسهایی را جایگزین کنید که می خواهید به دنبال نشانگر موس حرکت کنند. (میتوانید همه ی URL PIC های شماره گذاری شده را از آدرس یک عکس استفاده کنید و یا بلعکس.)

Select All
<!-- http://sirgani.blogsky.com--> <script> <!-- var ns = (document.layers)?1:0; var Anim=new Array(); var imgwidth=40; // Image width var imgheight=40; // Image height var button = Array(); // to pre-cache images button[0]=new Image(); button[0].src="URL PIC ON"; button[1]=new Image(); button[1].src="URL PIC OFF"; var text="<table width=10 bgcolor=#ffffff><td><a href='javascript:showhideAnimation()'><center><img name='Button' src='"+button[0].src+"' width='"+imgwidth+"' height='"+imgheight+"' border='0'></center></a></font></td></table>" // A bit of HTML code to display the button //Initialize some variables to make the button always to appear on the frame's bottom-right corner if (ns) { document.write("<LAYER NAME='FlyOnOff' LEFT=0 TOP=0>"+text+"</LAYER>"); horz=".left"; vert=".top"; docStyle="document."; styleDoc=""; innerW="window..innerWidth"; innerH="window.innerHeight"; offsetX="window.pageXOffset"; offsetY="window.pageYOffset"; }else { document.write("<div id='FlyOnOff' style='position:absolute; visibility:show; left:235px; top:-50px; z-index:2'>"+text+"</div>"); horz=".pixelLeft"; vert=".pixelTop"; docStyle=""; styleDoc=".style"; innerW="document.body.clientWidth"; innerH="document.body.clientHeight"; offsetX="document.body.scrollLeft"; offsetY="document.body.scrollTop"; } // Moves the button in the right position function checkLocation() { objectXY="FlyOnOff"; var availableX=eval(innerW); var availableY=eval(innerH); var currentX=eval(offsetX); var currentY=eval(offsetY); x=availableX-(imgwidth+30)+currentX; y=availableY-(imgheight+20)+currentY; eval(docStyle + objectXY + styleDoc + horz + "=" + x); eval(docStyle + objectXY + styleDoc + vert + "=" + y); } Anim[0]=setInterval('checkLocation()', 10); (document.layers)?window.captureEvents(Event.MOUSEMOVE):0; (document.layers)?window.onMouseMove=getMousePosition:document.onmousemove=getMousePosition; var Dot_Ro=60; //Dot's distance from the mouse pointer var Dot_Theta=0; //Dot's initial angle var Dot_Speed; //Dot's absolute Angular speed var Dot_Direction=1; //Dot's direction (1=clockwise) var Dot_x=0; //Dot's original position var Dot_y=0; var alpha; //Angle from the fly to the mouse var mult; //Ausiliary variable to define the angle var picX = 20; //Fly's coords. var picY = 100; var mouseX = 0; //Mouse coords. var mouseY = 0; var step = 10; //Pixels var speed = 100;//u-seconds // Dir specifies the right picture; // img pre-caches images. var dir = Array(); dir[-4]="URL PIC 1"; dir[-1]="URL PIC 2"; dir[-2]="URL PIC 3"; dir[-3]="URL PIC 4"; dir[3]="URL PIC 1"; dir[4]="URL PIC 2"; dir[1]="URL PIC 3"; dir[2]="URL PIC 4"; dir[0]=""; var img = Array(); for (var i=-4; i<5; i++){ img[i]=new Image(); img[i].src=dir[i]; } // Some HTML code to show the fly. if (ns) { document.write("<LAYER NAME='FlyDiv' LEFT=0 TOP=0><img src="+dir[1]+" name='pic'></LAYER>"); }else { document.write("<div id='FlyDiv' style='position:absolute'>"); document.write("<img name='pic' src=" + dir[1] + "></div>"); } // Shows the proper image for the fly. function display(direction) { //direction must be from -4 to 4, but not 0. if (ns) { document.pic.src = dir[direction]; }else{ pic.src = dir[direction]; } } function getMousePosition(e) { mouseY=(ns)?e.pageY:window.event.y + document.body.scrollTop; mouseX=(ns)?e.pageX:window.event.x + document.body.scrollLeft; } //Calculate new position function calcNewPos() { var dist=Math.sqrt(Math.pow(mouseY-picY,2) + Math.pow(mouseX-picX,2)); Dot_Speed=Math.PI/15; Dot_Theta+=Dot_Direction*Dot_Speed; Dot_x=mouseX+Dot_Ro*Math.cos(Dot_Theta); Dot_y=mouseY+Dot_Ro*Math.sin(Dot_Theta); var arg = (Dot_y-picY) / (Dot_x-picX); mult = (Dot_x - picX < 0)? mult = -1:1; alpha = Math.atan(arg); var dx = mult * step * Math.cos(alpha); var dy = mult * step * Math.sin(alpha); picX += dx; picY += dy; } //Shows or hides the fly when the "button" is pressed function showhideAnimation() { if (ns) { document.layers['FlyDiv'].visibility=document.layers['FlyDiv'].visibility=="hide"?"show":"hide"; document.Button.src = document.layers['FlyDiv'].visibility=="hide"?button[1].src:button[0].src; }else { FlyDiv.style.visibility=="hidden"?FlyDiv.style.visibility = "visible":FlyDiv.style.visibility = "hidden"; Button.src = FlyDiv.style.visibility=="hidden"?button[1].src:button[0].src; } } // Moves the fly around the screen function moveFly() { // moves the fly in a new position... calcNewPos(); if (ns) { document.layers['FlyDiv'].left = picX; document.layers['FlyDiv'].top = picY; }else{ FlyDiv.style.left = picX - pic.width / 2; FlyDiv.style.top = picY - pic.height / 2; } // ... and changes the image. alpha=-180*alpha/Math.PI; alpha+=22.5; var OK=0; for(var i=0; (i<4)&& !OK; i++){ if (alpha<-Math.PI+45*i){ display(mult*(i+1)); OK=1; } } } // Changes Dot's turning direction function ChangeDotDirection() { Dot_Direction=-Dot_Direction; Dot_Theta+=Math.PI; } //Go! Anim[1]=setInterval('moveFly()', speed); Anim[2]=setInterval('ChangeDotDirection()', speed*50); function killIt() { for(var i=0;i<Anim.length;i++) { if(Anim[i]) { clearInterval(Anim[i]); Anim[i]=null; } } } //--> </script>

23. حرکت فنری تصویر به دنبال نشانگر موس.

تبصره 1: این کد را بهتر است که در قسمت سر، یعنی ما بین دو تگ <head></head> قرار دهید.
تبصره 2: سعی کنید اندازه ی عکسهای انتخابی خودتان را کوچک کنید تا زود لود شود و جلوی دید کاربرتان را نگیرد. آدرس عکسهای خود را به جای واژه های URL PIC جایگزین کنید.

Select All
<!-- http://sirgani.blogsky.com --> <div id="dot0" style="position: absolute; visibility: hidden; height: 11; width: 11;"><img src="URL PIC" /></div> <div id="dot1" style="position: absolute; height:12; width:12;"><img src="URL PIC" /></div> <div id="dot2" style="position: absolute; height:12; width:12;"><img src="URL PIC" /></div> <div id="dot3" style="position: absolute; height:12; width:12;"><img src="URL PIC" /></div> <div id="dot4" style="position: absolute; height:12; width:12;"><img src="URL PIC" /></div> <div id="dot5" style="position: absolute; height:12; width:12;"><img src="URL PIC" /></div> <div id="dot6" style="position: absolute; height:12; width:12;"><img src="URL PIC" /></div> <script language="JavaScript"> <!-- Begin var nDots = 7; var Xpos = 0; var Ypos = 0; var DELTAT = .01; var SEGLEN = 10; var SPRINGK = 10; var MASS = 1; var GRAVITY = 50; var RESISTANCE = 10; var STOPVEL = 0.1; var STOPACC = 0.1; var DOTSIZE = 11; var BOUNCE = 0.75; var isNetscape = navigator.appName=="Netscape"; var followmouse = true; var dots = new Array(); init(); function init() { var i = 0; for (i = 0; i < nDots; i++) { dots[i] = new dot(i); } if (!isNetscape) { // I only know how to read the locations of the // <LI> items in IE //skip this for now // setInitPositions(dots) } for (i = 0; i < nDots; i++) { dots[i].obj.left = dots[i].X; dots[i].obj.top = dots[i].Y; } if (isNetscape) { startanimate(); } else { // let dots sit there for a few seconds // since they're hiding on the real bullets setTimeout("startanimate()", 3000); } } function dot(i) { this.X = Xpos; this.Y = Ypos; this.dx = 0; this.dy = 0; if (isNetscape) { this.obj = eval("document.dot" + i); } else { this.obj = eval("dot" + i + ".style"); } } function startanimate() { setInterval("animate()", 20); } function setInitPositions(dots) { var startloc = document.all.tags("LI"); var i = 0; for (i = 0; i < startloc.length && i < (nDots - 1); i++) { dots[i+1].X = startloc[i].offsetLeft startloc[i].offsetParent.offsetLeft - DOTSIZE; dots[i+1].Y = startloc[i].offsetTop + startloc[i].offsetParent.offsetTop + 2*DOTSIZE; } dots[0].X = dots[1].X; dots[0].Y = dots[1].Y - SEGLEN; } function MoveHandler(e) { Xpos = e.pageX; Ypos = e.pageY; return true; } function MoveHandlerIE() { Xpos = window.event.x + document.body.scrollLeft; Ypos = window.event.y + document.body.scrollTop; } if (isNetscape) { document.captureEvents(Event.MOUSEMOVE); document.onMouseMove = MoveHandler; } else { document.onmousemove = MoveHandlerIE; } function vec(X, Y) { this.X = X; this.Y = Y; } // adds force in X and Y to spring for dot[i] on dot[j] function springForce(i, j, spring) { var dx = (dots[i].X - dots[j].X); var dy = (dots[i].Y - dots[j].Y); var len = Math.sqrt(dx*dx + dy*dy); if (len > SEGLEN) { var springF = SPRINGK * (len - SEGLEN); spring.X += (dx / len) * springF; spring.Y += (dy / len) * springF; } } function animate() { var start = 0; if (followmouse) { dots[0].X = Xpos; dots[0].Y = Ypos; start = 1; } for (i = start ; i < nDots; i++ ) { var spring = new vec(0, 0); if (i > 0) { springForce(i-1, i, spring); } if (i < (nDots - 1)) { springForce(i+1, i, spring); } var resist = new vec(-dots[i].dx * RESISTANCE, -dots[i].dy * RESISTANCE); var accel = new vec((spring.X + resist.X)/ MASS, (spring.Y + resist.Y)/ MASS + GRAVITY); dots[i].dx += (DELTAT * accel.X); dots[i].dy += (DELTAT * accel.Y); if (Math.abs(dots[i].dx) < STOPVEL && Math.abs(dots[i].dy) < STOPVEL && Math.abs(accel.X) < STOPACC && Math.abs(accel.Y) < STOPACC) { dots[i].dx = 0; dots[i].dy = 0; } dots[i].X += dots[i].dx; dots[i].Y += dots[i].dy; var height, width; if (isNetscape) { height = window.innerHeight + document.scrollTop; width = window.innerWidth + document.scrollLeft; } else { height = document.body.clientHeight + document.body.scrollTop; width = document.body.clientWidth + document.body.scrollLeft; } if (dots[i].Y >= height - DOTSIZE - 1) { if (dots[i].dy > 0) { dots[i].dy = BOUNCE * -dots[i].dy; } dots[i].Y = height - DOTSIZE - 1; } if (dots[i].X >= width - DOTSIZE) { if (dots[i].dx > 0) { dots[i].dx = BOUNCE * -dots[i].dx; } dots[i].X = width - DOTSIZE - 1; } if (dots[i].X < 0) { if (dots[i].dx < 0) { dots[i].dx = BOUNCE * -dots[i].dx; } dots[i].X = 0; } dots[i].obj.left = dots[i].X; dots[i].obj.top = dots[i].Y; } } // End --> </script>

24. متن انتخابی شما به دنبال نشانگر موس.

تبصره 1: این کد را بهتر است که در قسمت سر، یعنی ما بین دو تگ <head></head> قرار دهید.
تبصره 2: من توصیه میکنم که اگر در کد صفحه ی شما دو تگ (<style></style>) وجود دارد کدهای میانی را کپی بگیرید و ما بین آنها بچسبانید.
تبصره 3: متنی که مایل هستید به دنبال نشانگر موس حرکت کند را به جای واژه های YOUR TEXT جایگزین نمائید.

Select All
<!-- http://sirgani.blogsky.com --> <style type="text/css"> <!-- .spanstyle { position:absolute; visibility:visible; top:-50px; font-size:15pt; font-family:Verdana; font-weight:bold; color:#cc0000; } body { width:100%;overflow-x:hidden;overflow-y:scroll; } //--> </style> <script language="JavaScript1.2"> <!-- var x,y var kern=20 var flag=0 var message="YOUR TEXT" message=message.split("") var xpos=new Array() for (i=0;i<message.length;i++) { xpos[i]=-50 } var ypos=new Array() for (i=0;i<message.length;i++) { ypos[i]=-50 } function handlerMM(e){ x = (e) ? e.pageX : document.body.scrollLeft+event.clientX y = (e) ? e.pageY : document.body.scrollTop+event.clientY flag=1 } function makebanner() { if (flag==1) { for (i=message.length-1; i>=1; i--) { xpos[i]=xpos[i-1]+kern ypos[i]=ypos[i-1] } xpos[0]=x+kern ypos[0]=y for (i=0; i<message.length; i++) { if (document.getElementById) { var thisspan = document.getElementById("span"+i).style } else { var thisspan = eval((document.layers)?"document.span"+i:"span"+(i)+".style") } if (thisspan.posLeft) { thisspan.posLeft=xpos[i] thisspan.posTop=ypos[i] } if (!thisspan.posLeft) { thisspan.left=xpos[i] thisspan.top=ypos[i] } } } var timer=setTimeout("makebanner()",30) } window.onload=makebanner; //--> </script> <script language="JavaScript1.2"> <!-- for (i=0;i<message.length;i++) { document.write("<span id='span"+i+"' class='spanstyle'>") document.write(message[i]) document.write("</span>") } if (document.layers){ document.captureEvents(Event.MOUSEMOVE); } document.onmousemove = handlerMM; //--> </script>

25. چرخش متن انتخابی شما به دور نشانگر موس.

تبصره 1: این کد را بهتر است که در قسمت سر، یعنی ما بین دو تگ <head></head> قرار دهید.
تبصره 2: متن خود را در صورت نیاز به جای واژه های welcome to my weblog جایگزین نمائید.

Select All
<!-- http://sirgani.blogsky.com --> <script language="JavaScript"> <!-- Begin if (document.all) { //Things you can alter yourLogo = "welcome to my weblog "; //Not less than 2 letters! logoFont = "Arial"; logoColor = "red"; //Nothing needs altering below! yourLogo = yourLogo.split(''); L = yourLogo.length; TrigSplit = 360 / L; Sz = new Array() logoWidth = 100; logoHeight = -30; ypos = 0; xpos = 0; step = 0.03; currStep = 0; document.write('<div id="outer" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i = 0; i < L; i++) { document.write('<div id="ie" style="position:absolute;top:0px;left:0px;' +'width:10px;height:10px;font-family:'+logoFont+';font-size:12px;' +'color:'+logoColor+';text-align:center">'+yourLogo[i]+'</div>'); } document.write('</div></div>'); function Mouse() { ypos = event.y; xpos = event.x - 5; } document.onmousemove=Mouse; function animateLogo() { outer.style.pixelTop = document.body.scrollTop; for (i = 0; i < L; i++) { ie[i].style.top = ypos + logoHeight * Math.sin(currStep + i * TrigSplit * Math.PI / 180); ie[i].style.left = xpos + logoWidth * Math.cos(currStep + i * TrigSplit * Math.PI / 180); Sz[i] = ie[i].style.pixelTop - ypos; if (Sz[i] < 5) Sz[i] = 5; ie[i].style.fontSize = Sz[i] / 1.7; } currStep -= step; setTimeout('animateLogo()', 20); } window.onload = animateLogo; } // End --> </script>

26. چرخش بسیار زیبای سه رنگ به دور نشانگر موس.

تبصره: این کد را بهتر است که در قسمت سر، یعنی ما بین دو تگ <head></head> قرار دهید.

Select All
<!-- http://sirgani.blogsky.com--> <script language="JavaScript"> <!-- var a_Colour="#8000FF"; var b_Colour="#FF0080"; var c_Colour="#FFFF00"; var Size=40; //Alter nothing below !! var YDummy=new Array(),XDummy=new Array(),xpos=0,ypos=0,ThisStep=0;step=0.03; if (document.layers){ window.captureEvents(Event.MOUSEMOVE); function nsMouse(evnt){ xpos = window.pageYOffset+evnt.pageX+6; ypos = window.pageYOffset+evnt.pageY+16; } window.onMouseMove = nsMouse; } else if (document.all) { function ieMouse(){ xpos = document.body.scrollLeft+event.x+6; ypos = document.body.scrollTop+event.y+16; } document.onmousemove = ieMouse; } function swirl(){ for (i = 0; i < 3; i++) { YDummy[i]=ypos+Size*Math.cos(ThisStep+i*2)*Math.sin((ThisStep)*6); XDummy[i]=xpos+Size*Math.sin(ThisStep+i*2)*Math.sin((ThisStep)*6); } ThisStep+=step; setTimeout('swirl()',10); } var amount=10; if (document.layers){ for (i = 0; i < amount; i++) { document.write('<layer name=nsa'+i+ 'top=0 left=0 width='+i/2+' height='+i/2+ ' bgcolor='+a_Colour+'></layer>'); document.write('<layer name=nsb'+i+ ' top=0 left=0 width='+i/2+ ' height='+i/2+' bgcolor='+b_Colour+'></layer>'); document.write('<layer name=nsc'+i+ ' top=0 left=0 width='+i/2+' height='+i/2+ ' bgcolor='+c_Colour+'></layer>'); } } else if (document.all){ document.write('<div id="ODiv" style="position:absolute;top:0px;left:0px">' +'<div id="IDiv" style="position:relative">'); for (i = 0; i < amount; i++) { document.write('<div id=x style="position:absolute;top:0px;left:0px;width:'+i/2+ ';height:'+i/2+';background:'+a_Colour+';font-size:'+i/2+'"></div>'); document.write('<div id=y style="position:absolute;top:0px;left:0px;width:'+i/2+ ';height:'+i/2+';background:'+b_Colour+';font-size:'+i/2+'"></div>'); document.write('<div id=z style="position:absolute;top:0px;left:0px;width:'+i/2+ ';height:'+i/2+';background:'+c_Colour+';font-size:'+i/2+'"></div>'); } document.write('</div></div>'); } function prepos(){ var ntscp=document.layers; var msie=document.all; if (document.layers){ for (i = 0; i < amount; i++) { if (i < amount-1) { ntscp['nsa'+i].top=ntscp['nsa'+(i+1)].top;ntscp['nsa'+i].left=ntscp['nsa'+(i+1)].left; ntscp['nsb'+i].top=ntscp['nsb'+(i+1)].top;ntscp['nsb'+i].left=ntscp['nsb'+(i+1)].left; ntscp['nsc'+i].top=ntscp['nsc'+(i+1)].top;ntscp['nsc'+i].left=ntscp['nsc'+(i+1)].left; } else { ntscp['nsa'+i].top=YDummy[0];ntscp['nsa'+i].left=XDummy[0]; ntscp['nsb'+i].top=YDummy[1];ntscp['nsb'+i].left=XDummy[1]; ntscp['nsc'+i].top=YDummy[2];ntscp['nsc'+i].left=XDummy[2]; } } } else if (document.all){ for (i = 0; i < amount; i++) { if (i < amount-1) { msie.x[i].style.top=msie.x[i+1].style.top;msie.x[i].style.left=msie.x[i+1].style.left; msie.y[i].style.top=msie.y[i+1].style.top;msie.y[i].style.left=msie.y[i+1].style.left; msie.z[i].style.top=msie.z[i+1].style.top;msie.z[i].style.left=msie.z[i+1].style.left; } else { msie.x[i].style.top=YDummy[0];msie.x[i].style.left=XDummy[0]; msie.y[i].style.top=YDummy[1];msie.y[i].style.left=XDummy[1]; msie.z[i].style.top=YDummy[2];msie.z[i].style.left=XDummy[2]; } } } setTimeout("prepos()",10); } function Start(){ swirl(),prepos() } window.onload=Start; // --> </script>

27. ساعت عقربه دار به دنبال نشانگر موس.

تبصره: این کد را بهتر است که در قسمت سر، یعنی ما بین دو تگ <head></head> قرار دهید.

Select All
<!-- http://sirgani.blogsky.com--> <script language="JavaScript"> <!-- colors = new Array('#00FFFF','#0000FF'); //Clock face colors. sCol = '#FFFF00'; //seconds colour. mCol = '#8000FF'; //minutes colour. hCol = '#FF0080'; //hours colour. H = 'Hours'; H = H.split(''); H = H.reverse(); M = 'Minutes'; M = M.split(''); M = M.reverse(); S = 'Seconds'; S = S.split(''); S = S.reverse(); dots = 12; var Ypos = 0,Xpos = 0,Ybase = 0,Xbase = 0; var ay = 0, ax = 0, Ay = 0, Ax = 0, by = 0, bx = 0, By = 0, Bx = 0, cy = 0, cx = 0, Cy = 0, Cx = 0, dy = 0, dx = 0, Dy = 0, Dx = 0; count = 0; count_a = 0; move = 1; ns = (document.layers)?1:0; viz = (document.layers)?'hide':'hidden'; if (ns) { for (i = 0; i < dots; i++) document.write('<layer name=nface'+i+' top="0" left="0" clip="0,0,3,3"></layer>'); for (i = 0; i < S.length; i++) document.write('<layer name=nx'+i+' top="0" left="0" width="36" height="36"><font face="Verdana" size="2" color='+sCol+'><center>'+S[i]+'</center></font></layer>'); for (i = 0; i < M.length; i++) document.write('<layer name=ny'+i+' top="0" left="0" width="36" height="36"><font face="Verdana" size="2" color='+mCol+'><center>'+M[i]+'</center></font></layer>'); for (i = 0; i < H.length; i++) document.write('<layer name=nz'+i+' top="0" left="0" width="36" height="36"><font face="Verdana" size="2" color='+hCol+'><center>'+H[i]+'</center></font></layer>'); } else{ document.write('<div id="W" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i = 0; i < dots; i++) { document.write('<div id="face" style="position:absolute;top:0px;left:0px;width:3px;height:3px;font-size:3px;"></div>'); } document.write('</div></div>'); document.write('<div id="X" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i = 0; i < S.length; i++) { document.write('<div id="x" style="position:absolute;width:36px;height:36px;font-family:Verdana;font-size:12px;color:'+sCol+';text-align:center;padding-top:10px">'+S[i]+'</div>'); } document.write('</div></div>') document.write('<div id="Y" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i = 0; i < M.length; i++) { document.write('<div id="y" style="position:absolute;width:36px;height:36px;font-family:Verdana;font-size:12px;color:'+mCol+';text-align:center;padding-top:10px">'+M[i]+'</div>'); } document.write('</div></div>') document.write('<div id="Z" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i = 0; i < H.length; i++) { document.write('<div id="z" style="position:absolute;width:36px;height:36px;font-family:Verdana;font-size:12px;color:'+hCol+';text-align:center;padding-top:10px">'+H[i]+'</div>'); } document.write('</div></div>'); } if (ns) { window.captureEvents(Event.MOUSEMOVE); function nsMouse(evnt) { Ypos = evnt.pageY + 100; Xpos = evnt.pageX + 100; } window.onMouseMove = nsMouse; } else{ function ieMouse() { Ypos = event.y + 100; Xpos = event.x + 100; } document.onmousemove = ieMouse; } function clock() { time = new Date (); secs = time.getSeconds(); sec = -1.57 + Math.PI * secs / 30; mins = time.getMinutes(); min = -1.57 + Math.PI * mins / 30; hr = time.getHours(); hrs = -1.575 + Math.PI * hr / 6 + Math.PI * parseInt(time.getMinutes()) / 360; Ybase = 15; Xbase = 15; if (ns) { document.layers["nx"+0].visibility = viz; document.layers["ny"+0].visibility = viz; document.layers["nz"+0].visibility = viz; for (i = 0; i < S.length; i++) { document.layers["nx"+i].top = ay - 12 + (i * Ybase) * Math.sin(sec); document.layers["nx"+i].left = ax - 12 + (i * Xbase) * Math.cos(sec); } for (i = 0; i < M.length; i++) { document.layers["ny"+i].top = by - 12 + (i * Ybase) * Math.sin(min); document.layers["ny"+i].left = bx - 12 + (i * Xbase) * Math.cos(min); } for (i = 0; i < H.length; i++) { document.layers["nz"+i].top = cy - 12 + (i * Ybase) * Math.sin(hrs); document.layers["nz"+i].left = cx - 12 + (i * Xbase) * Math.cos(hrs); } for (i = 0; i < dots; ++i) { document.layers["nface"+i].top = dy - 2 + (70 * Math.sin(-0.49+dots+i/1.9)); document.layers["nface"+i].left = dx + 4 + (70 * Math.cos(-0.49+dots+i/1.9)); } } else { var scrll = document.body.scrollTop; W.style.pixelTop = scrll; X.style.pixelTop = scrll; Y.style.pixelTop = scrll; Z.style.pixelTop = scrll; x[0].style.visibility=viz; y[0].style.visibility = viz; z[0].style.visibility = viz; for (i = 0; i < S.length; i++) { x[i].style.pixelTop = ay - 12 + (i * Ybase) * Math.sin(sec); x[i].style.pixelLeft = ax - 12 + (i * Xbase) * Math.cos(sec); } for (i = 0; i < M.length; i++) { y[i].style.pixelTop = by - 12 + (i * Ybase) * Math.sin(min); y[i].style.pixelLeft = bx - 12 + (i * Xbase) * Math.cos(min); } for (i = 0; i < H.length; i++) { z[i].style.pixelTop = cy - 12 + (i * Ybase) * Math.sin(hrs); z[i].style.pixelLeft = cx - 12 + (i * Xbase) * Math.cos(hrs); } for (i = 0; i < dots; ++i) { face[i].style.pixelTop = dy + 6 + (70 * Math.sin(-0.49 + dots + i / 1.9)); face[i].style.pixelLeft = dx + 4 + (70 * Math.cos(-0.49 + dots + i / 1.9)); } } } function MouseFollow() { ay = Math.round(Ay += ((Ypos) - Ay) * 4 / 15); ax = Math.round(Ax += ((Xpos) - Ax) * 4 / 15); by = Math.round(By += (ay - By) * 4 / 15); bx = Math.round(Bx += (ax - Bx) * 4 / 15); cy = Math.round(Cy += (by - Cy) * 4 / 15); cx = Math.round(Cx += (bx - Cx) * 4 / 15); dy = Math.round(Dy += (cy - Dy) * 4 / 15); dx = Math.round(Dx += (cx - Dx) * 4 / 15); clock(); setTimeout('MouseFollow()',10); } function colorstep() { count +=move; if (count >= dots) {count=0;count_a += move} if (count_a == colors.length) count_a = 0; if (ns) document.layers["nface"+count].bgColor = colors[count_a]; else face[count].style.background = colors[count_a]; setTimeout('colorstep()',100) } function StartAll() { MouseFollow(); colorstep(); } if (document.layers || document.all) window.onload = StartAll; //--> </script>

28. هدفگیر به دنبال نشانگر موس.

تبصره 1: این کد را بهتر است که در قسمت سر، یعنی ما بین دو تگ <head></head> قرار دهید.
تبصره 2: من توصیه میکنم که اگر در کد صفحه ی شما دو تگ (<style></style>) وجود دارد کدهای میانی را کپی بگیرید و ما بین آنها بچسبانید.

Select All
<!-- http://sirgani.blogsky.com --> <style> <!-- #leftright, #topdown{ position:absolute; left:0; top:0; width:1px; height:1px; layer-background-color:red; background-color:red; z-index:100; font-size:1px; } --></style> <div id="leftright" style="width:expression(document.body.clientWidth-2)"> </div> <div id="topdown" style="height:expression(document.body.clientHeight-2)"> </div> <script language="JavaScript1.2"> <!-- if (document.all&&!window.print){ leftright.style.width=document.body.clientWidth-2 topdown.style.height=document.body.clientHeight-2 } else if (document.layers){ document.leftright.clip.width=window.innerWidth document.leftright.clip.height=1 document.topdown.clip.width=1 document.topdown.clip.height=window.innerHeight } function followmouse1(){ //move cross engine for IE 4+ leftright.style.pixelTop=document.body.scrollTop+event.clientY+1 topdown.style.pixelTop=document.body.scrollTop if (event.clientX<document.body.clientWidth-2) topdown.style.pixelLeft=document.body.scrollLeft+event.clientX+1 else topdown.style.pixelLeft=document.body.clientWidth-2 } function followmouse2(e){ //move cross engine for NS 4+ document.leftright.top=e.y+1 document.topdown.top=pageYOffset document.topdown.left=e.x+1 } if (document.all) document.onmousemove=followmouse1 else if (document.layers){ window.captureEvents(Event.MOUSEMOVE) window.onmousemove=followmouse2 } function regenerate(){ window.location.reload() } function regenerate2(){ setTimeout("window.onresize=regenerate",400) } if ((document.all&&!window.print)||document.layers) window.onload=regenerate2 //--> </script>

موفق باشید .

Images

16. کد اصلی گذاشتن عکس در صفحه ی وب.

تبصره 1: آدرس عکس خود را باید به جای YOUR URL جایگزین کنید.
تبصره 2: در خصیصه ی alt باید به جای واژه ی TOOLTIP توضیح کوتاهی درباره ی عکس خود وارد کنید. پر کردن این خصیصه سبب می شود که اگر عکس به هر دلیلی باز (Load) نشد، مقدار خصیصه به صورت نوشته درون کادر عکس ظاهر میشود. دقت داشته باشید که این خصیصه در IE به صورت ToolTip هم ظاهر خواهد شد. (حذف این خصیصه ممانعتی ندارد.)
تبصره 3: بعد از خصیصه ای در تبصره ی فوق ذکر شد خصیصه ی دیگری به نام Border وجود دارد که این خصیصه اگر مقدارش صفر نباشد کادری برای عکستان در نظر گرفته خواهد شد که پهنای این کادر بنا به عددی که مقدار دهی میکنید بستگی دارد که بر حسب پیکسل است.
تبصره 4: همانطور که ملاحضه می فرمائید این کد فاقد تگ بسته یعنی <img/> می باشد. در برنامه نویسی Html بعضی از تگ هایی که محدوده ای را در بر ندارند (مانند تگ <img>) فاقد تگ بسته ی جدا مانند <img/> می باشند و باید آنها را در انتهای تگ بست. (</ img>) دقیقاً همانند کد زیر. (حذف این عبارت " / " ممانعتی ندارد. ولی توصیه می شود که استفاده شود.)

Select All
<!-- http://sirgani.blogsky.com--> <img src="YOUR URL" alt="TOOLTIP" border="0" />

17. لینک دادن همراه با تغییر تصویر در هنگام نشانه گیری با موس.

تبصره 1: آدرس صفحه ی مورد نظرتان را جهت لینک دادن باید به جای YOUR URL جایگزین کنید.
تبصره 2: آدرس عکسی که در هنگام نشانه گیری موس باید نشان داده شود را به جای http://URL 1 جای گزین و آدرس عکس اصلی را به جاهای http://URL 2 جایگزین کنید. (دقت داشته باشید که آدرس عکس اصلی در دو جای کد آمده است.)

Select All
<!-- http://sirgani.blogsky.com --> <a href="YOUR URL LINK" onMouseover="document.arrow.src='http://URL 1'" onMouseout="document.arrow.src='http://URL 2'"> <img border="0" src="http://URL 2" name="arrow" /></a>

18. منوی باز شو همراه با تغییر تصویر در هنگام نشانه گیری موس و انتخاب گزینه.

تبصره 1: همانطور که در این کد ملاحضه می کنید، تگهای سر و بدن ( <head></head> و <body></body> ) آمده است. من توصیه میکنم شما محتویات ما بین هر دو تگ را تک تک کپی بگیرید و در قسمت های سر و بدن کد خود بچسبانید تا از تکرار مجدد این دو تگ جلوگیری شود. البته تکرار این دو تگ ممانعتی ندارد ولی بهتر است یکبار تکرار شوند.
تبصره 2: من توصیه میکنم که اگر در لیست کد صفحه ی شما دو تگ (<style></style>) وجود دارد فقط کدهای میانی را کپی بگیرید و ما بین آنها بچسبانید.
تبصره 3: در این کد در هر جایی که با واژه های URL PIC 2 برخورد کردید باید آدرس عکسی که با نشانه گیری موس نشان داده میشود را جایگزین نمایید و در هر جایی که با واژه های URL PIC 1 برخورد می کنید باید آدرس عکس اصلی را جایگزین کنید.

Select All
<!-- http://sirgani.blogsky.com --> <head> <style> .curhand{cursor:hand} </style> <script language="javascript"> function displayit(paragraph,title,imgmenu){ if (document.all[paragraph].style.display=='none') {document.all[paragraph].style.display="block"; document.all[imgmenu].src="URL PIC 2"} else {document.all[paragraph].style.display="none"; document.all[imgmenu].src="URL PIC 2"} } function setoverstyles(paragraph,imgmenu,title){ if (document.all[paragraph].style.display=='none') {document.all[imgmenu].src="URL PIC 2"; document.all[title].style.textDecorationUnderline='true'} else {document.all[imgmenu].src="URL PIC 2"; document.all[title].style.textDecorationUnderline='true'} } function setoutstyles(paragraph,imgmenu,title){ if (document.all[paragraph].style.display=='none') {document.all[title].style.textDecoration='none'; document.all[imgmenu].src="URL PIC 1"} else {document.all[imgmenu].src="URL PIC 2"; document.all[title].style.textDecoration='none'} } sw=0; function displayall(){ if (sw==0) {swall.innerText="Hide all";document.all['x'].style.display='block';sw=1; for (i=1;i<=5;i++) { xmenu='menu'+i ; ximg='imgmenu'+i ; if (document.all[xmenu].style.display=='none') {document.all[xmenu].style.display="block";document.all[ximg].src="URL PIC 2"}}} else {swall.innerText="Show all";document.all['x'].style.display='none';sw=0; for (i=1;i<=5;i++) {xmenu='menu'+i;ximg='imgmenu'+i; if (document.all[xmenu].style.display=='block') {document.all[xmenu].style.display="none";document.all[ximg].src="URL PIC 1"}}} } function displayinline(text){ if (document.all[text].style.display=="none"){document.all[text].style.display="inline"} else {document.all[text].style.display="none"} } </script> </head> <body> <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1"> <tr> <td> <p align="center"> <span id="swall" onmouseover="this.style.textDecorationUnderline='true'" onmouseout="this.style.textDecoration='none'" class="curhand" onclick="displayall()"> Show All</span></td><br> </tr> </table><br> <p id='x' style="display:none"></p> <div onmouseover="setoverstyles('menu1','imgmenu1','title1')" onmouseout="setoutstyles('menu1','imgmenu1','title1')" class="curhand" onclick="displayit('menu1','title1','imgmenu1')" id="title1" style="position:static; width:150; height:15"> <img id="imgmenu1" border="0" src="URL PIC 1" width="12" height="12" /> Persian Musics</div> <blockquote> <span id="menu1" style="display:none;"> Item 1<br /> Item 2<br /> Item 3<br /> Item 4<br /> Item 5<br /> Item 6<br /> Item 7</span> </blockquote> <div onmouseover="setoverstyles('menu2','imgmenu2','title2')" onmouseout="setoutstyles('menu2','imgmenu2','title2')" class="curhand" onclick="displayit('menu2','title2','imgmenu2')" id="title2" style="position:static; width:150; height:15"> <img id="imgmenu2" border="0" src="URL PIC 1" width="12" height="12" /> Kharegi Musics</div> <blockquote> <span id="menu2" style="display:none;"> Item 1<br /> Item 2<br /> Item 3<br /> Item 4<br /> Item 5<br /> Item 6<br /> Item 7</span> </blockquote> <div onmouseover="setoverstyles('menu3','imgmenu3','title3')" onmouseout="setoutstyles('menu3','imgmenu3','title3')" class="curhand" onclick="displayit('menu3','title3','imgmenu3')" id="title3" style="position:static; width:150; height:15"> <img id="imgmenu3" border="0" src="URL PIC 1" width="12" height="12" /> Persian Videos</div> <blockquote> <span id="menu3" style="display:none;"> Item 1<br /> Item 2<br /> Item 3<br /> Item 4<br /> Item 5<br /> Item 6<br /> Item 7</span> </blockquote> <div onmouseover="setoverstyles('menu4','imgmenu4','title4')" onmouseout="setoutstyles('menu4','imgmenu4','title4')" class="curhand" onclick="displayit('menu4','title4','imgmenu4');" id="title4" style="position:static; width:150; height:15"> <img id="imgmenu4" border="0" src="URL PIC 1" width="12" height="12" /> Kharegi Videos</div> <blockquote> <span id="menu4" style="display:none;"> Item 1<br /> Item 2<br /> Item 3<br /> Item 4<br /> Item 5<br /> Item 6<br /> Item 7</span> </blockquote> <div onmouseover="setoverstyles('menu5','imgmenu5','title5')" onmouseout="setoutstyles('menu5','imgmenu5','title5')" class="curhand" onclick="displayit('menu5','title5','imgmenu5')" id="title5" style="position:static; width:150; height:15"> <img id="imgmenu5" border="0" src="URL PIC 1" width="12" height="12" /> Funyy Videos</div> <blockquote> <span id="menu5" style="display:none;"> Item 1<br /> Item 2<br /> Item 3<br /> Item 4<br /> Item 5<br /> Item 6<br /> Item 7</span> </blockquote> </body>

19. نمایش تصویر به صورت شفاف که در هنگام نشانه گیری موس شفافیت را از دست می دهد.

تبصره 1: همانطور که در این کد ملاحضه می کنید، تگهای سر و بدن ( <head></head> و <body></body> ) آمده است. من توصیه میکنم شما محتویات ما بین هر دو تگ را تک تک کپی بگیرید و در قسمت های سر و بدن کد خود بچسبانید تا از تکرار مجدد این دو تگ جلوگیری شود. البته تکرار این دو تگ ممانعتی ندارد ولی بهتر است یکبار تکرار شوند.
تبصره 2: در این کد به یک تگ لینک هم بر خورد خواهید کرد که باعث میشود عکس شما برای مقصد لینک فعال باشد. در صورت نیاز میتوانید آدرس صفحه ی مقصد را به جای واژه های YOUR URL LINK جایگزین نمایید یا اینکه کلاً تگ لینک را حذف نمایید. (<a></a>)
تبصره 3: آدرس عکس خود را به جای واژه های URL PIC جایگزین نمایید.

Select All
<!-- http://sirgani.blogsky.com --> <head> <script language="JavaScript1.2"> function makevisible(cur,which){ if (which==0) cur.filters.alpha.opacity=100 else cur.filters.alpha.opacity=20 } </script> </head> <body> <a href="YOUR URL LINK"> <img src="URL PIC" border=0 style="filter:alpha(opacity=20)" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)" /></a> </body>

Links

4. کد اصلی پیوند (لینک) دادن.

تبصره 1: آدرس صفحه ی مورد نظرتان را جهت لینک دادن باید به جای YOUR URL جایگزین کنید.
تبصره 2: در خصیصه ی title باید به جای واژه ی TOOLTIP توضیح کوتاهی درباره ی مقصد لینک وارد کنید. (حذف این خصیصه ممانعتی ندارد.)
تبصره 3: در خصیصه ی target که مقدار خصیصه اش در حال حاضر self_ است، میتوانید از مقدار blank_ هم استفاده کنید. فرق این دو مقدار در هدف لینک است یعنی اگر این مقدار بر روی self_ باشد مقصد لینک در همان صفحه اجرا و اگر blank_ مقدار دهی شده باشد مقصد لینک در یک صفحه ی جدید باز خواهد شد.
تبصره 4: به جای واژه های YOUR NAME LINK باید اسمی از لینک وارد کنید. (این اسم در صفحه قابل رویت و برای رفتن به مقصد لینک فعال میشود.) در کل هر تگی مثل تگ <img> بین دو تگ <a></a> قرار گیرد برای لینک فعال خواهد بود. (تگ <img> برای گذاشتن عکسها بکار میرود)

Select All
<!-- http://sirgani.blogsky.com--> <a href="YOUR URL" title="TOOLTIP" target="_self">YOUR NAME LINK</a>

5. رفتن به مقصد لینک بدون کلیک!

تبصره 1: این کد زمانی فعال میشود که نشانگر موس کاربر بر روی اسم لینک یا تصویر لینک شده قرار گیرد.
تبصره 2: شما فقط باید به جای YOUR URL آدرس مقصد و به جای YOUR NAME LINK اسم لینک را جایگزین کنید.

Select All
<!-- http://sirgani.blogsky.com--> <a href="YOUR URL" onMouseover="window.location=this.href">YOUR NAME LINK</a>

6. سفارشی کردن رنگ لینکها توسط شیوه ها. (CSS)

تبصره 1: این کد را بهتر است در قسمت سر یعنی ما بین  دو تگ (<head></head>) قرار دهید.
تبصره 2: من توصیه میکنم که اگر در لیست کد صفحه ی شما دو تگ (<style></style>) وجود دارد فقط کدهای میانی را کپی بگیرید و ما بین آنها بچسبانید. (در صورت که لینکهای شما از قبل سفارشی (فرمت) شده است، میتوانید آنها را حذف و اینها را جایگزین کنید.)

Select All
<!--http://sirgani.blogsky.com--> <style type="text/css"> <!-- a:link {text-decoration: none; color: red;} a:visited {text-decoration: none; color: red;} a:active {text-decoration: none; color: red;} a:hover {color: black;} //--> </style>

7. حذف زیر خط لینکها توسط شیوه ها. (CSS)

تبصره 1: این کد را بهتر است در قسمت سر یعنی ما بین  دو تگ (<head></head>) قرار دهید.
تبصره 2: من توصیه میکنم که اگر در لیست کد صفحه ی شما دو تگ (<style></style>) وجود دارد فقط کدهای میانی را کپی بگیرید و ما بین آنها بچسبانید. (در صورت که لینکهای شما از قبل سفارشی (فرمت) شده است، میتوانید آنها را حذف و اینها را جایگزین کنید.)

Select All
<!--http://sirgani.blogsky.com --> <style type="text/css"> <!-- a { text-decoration: none; } //--> </style>

8. جعبه ی لینک همراه با دکمه ی تایید.

تبصره 1: در این کد آدرس لینکهای خود را به جای واژه های YOUR URL جایگزین کنید. (YOUR URL2 , YOUR URL1 و ....)
تبصره 2: اسم لینکها هم باید به جای واژه های YOUR NAME URL جایگزین شود. (YOUR NAME URL2 , YOUR NAME URL1 و ....)
تبصره 3: در این کد من جای شش لینک را باز کردم، در صورتی که لینکهای شما بیشتر است میتوانید با اضافه کردن کد زیر در مکان مربوطه به تعداد نیاز از این جعبه لینک به راحتی استفاده کنید. <option value="YOUR URL">YOUR NAME URL</option>

Select All
<!-- http://sirgani.blogsky.com--> <form> <select name="list"> <option selected value="YOUR URL1">YOUR NAME URL1</option> <option value="YOUR URL2">YOUR NAME URL2</option> <option value="YOUR URL3">YOUR NAME URL3</option> <option value="YOUR URL4">YOUR NAME URL4</option> <option value="YOUR URL5">YOUR NAME URL5</option> <option value="YOUR URL6">YOUR NAME URL6</option> </select> <input type="button" value="Go Get It!" onClick="top.location.href=this.form.list.options[this.form.list.selectedIndex].value"> </form>

9. جعبه ی لینک بدون دکمه ی تایید.

تبصره 1: در این کد بجای واژه ی YOUR TEXT اسمی در نظر گرفته و جایگزین کنید. به عنوان مثال: (انتخاب نمایید)
تبصره 2: آدرس لینکهای خود را به جای واژه های YOUR URL جایگزین کنید. (YOUR URL2 , YOUR URL1 و ....)
تبصره 3: اسم لینکها هم باید به جای واژه های YOUR NAME URL جایگزین شود. (YOUR NAME URL2 , YOUR NAME URL1 و ....)
تبصره 4: در این کد من جای شش لینک را باز کردم، در صورتی که لینکهای شما بیشتر است میتوانید با اضافه کردن کد زیر در مکان مربوطه به تعداد نیاز از این جعبه لینک به راحتی استفاده کنید. <option value="YOUR URL">YOUR NAME URL</option>

Select All
<!-- http://sirgani.blogsky.com --> <select dir="rtl" style="font-size: 11px; font-family: Tahoma" onchange="if(this.selectedIndex && this.selectedIndex != 1){ window.open(this.value,'_self'); } this.selectedIndex=0;" size="1" name="nam"> <option selected>YOUR TEXT</option> <option value="---------">-- -- -- -- -- -- --</option> <option value="YOUR URL1">YOUR NAME URL1</option> <option value="YOUR URL2">YOUR NAME URL2</option> <option value="YOUR URL3">YOUR NAME URL3</option> <option value="YOUR URL4">YOUR NAME URL4</option> <option value="YOUR URL5">YOUR NAME URL5</option> <option value="YOUR URL6">YOUR NAME URL6</option> </select>

10. رقص نور دادن به لینکها.

تبصره 1: این کد را بهتر است در قسمت سر یعنی ما بین دو تگ (<head></head>) کد خودتون بچسبانید.
تبصره 2: در قسمتی از این کد با کمی دقت متوجه خواهید شد که نام بعضی از رنگها به انگلیسی نوشته شده که میتوانید آنها را به دلخواه خود تغییر دهید. (از کد رنگها هم میتوانید استفاده کنید)

Select All
<!-- http://sirgani.blogsky.com--> <script language="JavaScript"> <!-- //Begin function initArray() { for (var i = 0; i < initArray.arguments.length; i++) { this[i] = initArray.arguments[i]; } this.length = initArray.arguments.length; } var colors = new initArray( "red", "yellow", "lime", "aqua", "blue", "purple", "black"); delay = .5; // seconds link = 0; vlink = 2; function linkDance() { link = (link+1)%colors.length; vlink = (vlink+1)%colors.length; document.linkColor = colors[link]; document.vlinkColor = colors[vlink]; setTimeout("linkDance()",delay*600); } linkDance(); // End --> </script>

11. لینکهای متحرک.

تبصره 1: آدرس لینکهای خود را به جای واژه های YOUR URL و اسم لینکها را به جای واژه های YOUR NAME LINK جایگزین نمایید.
تبصره 2: در این کد لینکها از پائین به سمت بالا حرکت میکنند، در صورتی که خلاف این را خواستارید میتوانید در خصیصه ی direction که در این کد با واژه ی up مقدار دهی شده است، با واژه ی down مقدار دهی کنید که در این صورت لینکها از بالا به پائین حرکت می کنند.

Select All
<!-- http://sirgani.blogsky.com--> <marquee dir="rtl" behavior="scroll" direction="up" height="300" width="150" scrollamount="1" scrolldelay="50" onmouseover='this.stop()' onmouseout='this.start()' style="border: 3px double #000000; background-color: #FFFFCC"> <div align="center"> <a href="YOUR URL">YOUR NAME LINK</a><br> <a href="YOUR URL">YOUR NAME LINK</a><br> <a href="YOUR URL">YOUR NAME LINK</a><br> <a href="YOUR URL">YOUR NAME LINK</a><br> <a href="YOUR URL">YOUR NAME LINK</a><br> <a href="YOUR URL">YOUR NAME LINK</a><br> <a href="YOUR URL">YOUR NAME LINK</a><br> <a href="YOUR URL">YOUR NAME LINK</a><br> <a href="YOUR URL">YOUR NAME LINK</a><br> <a href="YOUR URL">YOUR NAME LINK</a><br> </div></marquee>

12. نمایش اطلاعات مقصد لینک روی نوار وضعیت.

تبصره 1: همانطور که در این کد ملاحضه می کنید، تگهای سر و بدن ( <head></head> و <body></body> ) آمده است. من توصیه میکنم شما محتویات ما بین هر دو تگ را تک تک کپی بگیرید و در قسمت های سر و بدن کد خود بچسبانید تا از تکرار مجدد این دو تگ جلوگیری شود. البته تکرار این دو تگ ممانعتی ندارد ولی بهتر است یکبار تکرار شوند.
تبصره 2: بعد از کپی، در قسمت بدن این کد با یک تگ لینک (<a></a>) برخورد خواهید کرد که باید آدرس مقصد لینک را به جای واژه ی YOUR URL و اسم لینک را به جای واژه ی YOUR NAME LINK جایگزین کنید.

Select All
<!-- http://sirgani.blogsky.com --> <head> <script language="JavaScript"> <!-- // Begin function linkInfo(link){ fname = link.pathname; lastSlash = fname.lastIndexOf("/", fname.length); fname = fname.substring(lastSlash+1, fname.length); return("Visit " + link.hostname + "'s " + fname + " page"); } // End --> </script> </head> <!-- CONTINUE --> <body> <a href="YOUR URL" onMouseOver="window.status=linkInfo(this); return true;" onMouseOut="window.status=''; return true;">YOUR NAME LINK</a> </body>

13. لینک پرینت (چاپ صفحه).

تبصره 1: همانطور که در این کد ملاحضه می کنید، تگهای سر و بدن ( <head></head> و <body></body> ) آمده است. من توصیه میکنم شما محتویات ما بین هر دو تگ را تک تک کپی بگیرید و در قسمت های سر و بدن کد خود بچسبانید تا از تکرار مجدد این دو تگ جلوگیری شود. البته تکرار این دو تگ ممانعتی ندارد ولی بهتر است یکبار تکرار شوند.
تبصره 2: برای تغییر نام لینک، کافی است که به جای Print This Page نام دلخواه تان را وارد نمایید.

Select All
<!--http://sirgani.blogsky.com--> <head> <script language="JavaScript"> <!-- // Begin function printWindow() { bV = parseInt(navigator.appVersion); if (bV >= 4) window.print(); } // End --> </script> </head> <body> <a href="javascript:printWindow()">Print This Page</a> </body>

14. منوی لغزان لینک (باز شو).

تبصره 1: همانطور که در این کد ملاحضه می کنید، تگهای سر و بدن ( <head></head> و <body></body> ) آمده است. من توصیه میکنم شما محتویات ما بین هر دو تگ را تک تک کپی بگیرید و در قسمت های سر و بدن کد خود بچسبانید تا از تکرار مجدد این دو تگ جلوگیری شود. البته تکرار این دو تگ ممانعتی ندارد ولی بهتر است یکبار تکرار شوند. دقت داشته باشید که در این کد در تگ بدن ( <body> ) خصیصه ای به نام OnLoad وجود دارد که شما باید (در صورت رعایت عدم تکرار تگ سر و بدن) این خصیصه را با مقدار تعیین شده اش در تگ ( <body> ) بگنجانید.
تبصره 2: در ادامـه ی کد به چـنـد تـگ لیـنـک، در قسـمـت بـدن خـواهـیـد رسـید که به جای آدرس URL لینک آدرس مربوطه را وارد و در ما بــیــن دو تگ (<a></a>) اسم لینک مربوطه را وارد می کنید.

Select All
<!--http://sirgani.blogsky.com --> <head> <script language="JavaScript"> <!-- // Begin function setVariables() { if (navigator.appName == "Netscape") { v = ".top="; h = ".left="; dS = "document."; sD = ""; y = "window.pageYOffset"; x = "window.pageXOffset"; iW = "window.innerWidth"; iH = "window.innerHeight"; } else { h = ".pixelLeft="; v = ".pixelTop="; dS = ""; sD = ".style"; y = "document.body.scrollTop"; x = "document.body.scrollLeft"; iW = "document.body.clientWidth"; iH = "document.body.clientHeight"; } xyz = 500; innerX = eval(iW) - 115; innerY = eval(iH) - 110; object = "logo"; checkLocationA(); } movex = 0; movey = 0; xdiff = 0; ydiff = 0; ystart = 0; xstart = 0; function checkLocation() { yy = eval(y); xx = eval(x); ydiff = ystart - yy; xdiff = xstart - xx; if ((ydiff < (-1)) || (ydiff > (1))) movey = Math.round(ydiff / 10), ystart -= movey; if ((xdiff < (-1)) || (xdiff > (1))) movex = Math.round(xdiff / 10), xstart -= movex; eval(dS + object + sD + v + (ystart + innerY)); eval(dS + object + sD + h + (xstart + innerX)); setTimeout("checkLocation()", 10); } function checkLocationA() { ystart = eval(y); xstart=eval(x); } function switchLogo(abc) { if (abc == "menu") { eval(dS + object + sD + v + 0); eval(dS + object + sD + h + (-200)); object = abc; } else xyz = setTimeout("delayLogo()", 2000) } function delayLogo() { eval(dS + object + sD + v + 0); eval(dS + object + sD + h + (-200)); object = 'logo'; } // End --> </script> </head> <body OnLoad="setVariables();checkLocation()"> <div id="logo" style="position:absolute; visibility:show; left:0px; top:-200px; z-index:2"> <table border=0 cellspacing=10 cellpadding=0 width=100><tr><td><center><br><br><br> <a href="javascript:void(0)"; onmouseover="switchLogo('menu')">Logo</a> </center></td></tr></table></div> <div id="menu" style="position:absolute; visibility:show; left:0px; top:-200px; z-index:2"> <table border=0 cellspacing=10 cellpadding=0 width=100><tr><td><center> <a href="http://www.your-web-site-address-here.com/page-one.html"; onmouseover="clearTimeout(xyz)"; onmouseout="switchLogo('logo')">Page One</a> </center></td></tr><tr><td><center> <a href="http://www.your-web-site-address-here.com/page-two.html"; onmouseover="clearTimeout(xyz)"; onmouseout="switchLogo('logo')">Page Two</a> </center></td></tr><tr><td><center> <a href="http://www.your-web-site-address-here.com/page-three.html"; onmouseover="clearTimeout(xyz)"; onmouseout="switchLogo('logo')">Page Three</a> </center></td></tr></table></div> <!-- END Script Size: 3.24 KB --> </body>

15. ایجاد ثانیه شمار برای مقصد یک لینک بدون دخالت کاربر.

تبصره 1: این کد را باید در قسمت بدن یعنی ما بین ( <body></body> ) بچسبانید.
تبصره 2: در قسمتی از کد به عبارتی به نام targetURL برخورد خواهید کرد که مقابل آن آدرس وبلاگ من وجود دارد که شما با حذف آدرس من و درج آدرس جدید میتوانید از این کد استفاده کنید.
تبصره 3: در سطری بائین تر از عبارتی در تبصره ی فوق ذکر شد عبارت دیگری به نام countdownfrom=40 وجود دارد که عدد 40 مقدار ثانیه ای است که شمارش شده و بعد از اتمام به مقصد لینک خواهد رفت، شما میتوانید این عدد را کم و یا زیاد معرفی کنید.

Select All
<!-- http://sirgani.blogsky.com--> <form name="redirect"> <p><center> <form><font face="Arial"><b>You will be redirected to the script in<br /> <input type="text" size="3" name="redirect2"><br /> Seconds</b></form></font> </center> <script> <!-- var targetURL="http://nazaninst.persianblog.com" var countdownfrom=40 var currentsecond=document.redirect.redirect2.value=countdownfrom+1 function countredirect(){ if (currentsecond!=1){ currentsecond-=1 document.redirect.redirect2.value=currentsecond } else{ window.location=targetURL return } setTimeout("countredirect()",1000) } countredirect() //--> </script></p>

موفق باشید .

پخش فایل صوتی در صفحه ی وب

1. پخش فایل صوتی در پس زمینه ی صفحه ی وب.

تبصره 1: آدرس فایل خود را به جای YOUR URL جایگزین کنید.( باید فایل صوتی خود را قبلا در یک سرور ارائه فضا آپلود کرده باشید . می توانید به آموزش ساخت وبلاگ در سمت راست موضوعات وبلاگم مراجعه کنید .)
تبصره 2: این کد را بهتر است که در قسمت سر، یعنی ما بین دو تگ <head></head> قرار دهید.
تبصره 3: بهترین فایل قابل اجرا با این کد فرمت (mid.*) به علت کمی حجم می باشد.

Select All
<!-- http://sirgani.blogsky.com --> <bgsound src="YOUR URL" loop="-1" />

2. پخش موزیک همراه با دکمه های کنترل برای کاربر.

تبصره 1: دقت داشته باشید که در این کد آدرس فایل خود را باید در دو جا وارد کنید، آن هم به جای هر دو گزینه ی YOUR URL باید جایگزین شود.
تبصره 2: این کد بر خلاف کد فوق باید در مکان مشخصی در قسمت بدن، یعنی ما بین دو تگ <body></body> قرار گیرد.
تبصره 3: من توصیه میکنم برای فایلهایی که حجم آنها از 200 کیلوبایت بیشتر است از این کد استفاده کنید.

Select All
<!-- http://sirgani.blogsky.com.com --> <object style="border: 3px solid #333333" height="165" width="145" classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6"> <param name="volume" value="100"> <param name="Name" value="WMP1"> <param name="Url" value="YOUR URL"> <param name="loop" value="true"> <param name="enableContextMenu" value="true"> <embed src="YOUR URL" stretchtofit="true" loop="true" enablecontextmenu="false" showcontrols="true" height="165" width="135" name="WMP1"> </embed></object>

3. انتخاب موزیک توسط کاربر از روی هارد دیسک خود همراه با تایمر پخش.

تبصره: همانطور که در این کد ملاحضه می کنید، تگهای سر و بدن ( <head></head> و <body></body> ) آمده است. من توصیه میکنم شما محتویات ما بین هر دو تگ را تک تک کپی بگیرید و در قسمت های سر و بدن کد خود بچسبانید تا از تکرار مجدد این دو تگ جلوگیری شود. البته تکرار این دو تگ ممانعتی ندارد ولی بهتر است یکبار تکرار شوند.

Select All
<!-- http://sirgani.blogsky.com --> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="Content-Language" content="fa"> <script language="javascript"> function da(form){ ut=new Date() h=ut.getHours() m=ut.getMinutes() if (h<10) h="0"+h if (m<10) m="0"+m time=h+":"+m document.frm.txt.value=time setTimeout("da(this.form)",1000) } function alermon(){ hr=document.frm.se1.selectedIndex mn=document.frm.se2.selectedIndex tim=document.frm.se1.options[hr].value+":"+document.frm.se2.options[mn].value if (h>12) time="0"+(h-12)+":"+m if (h=00) time="12"+":"+m if (time==tim){ document.all.sound.src=document.frm.alermsound.value } else setTimeout("alermon()",1000) } function alermoff(){ document.all.sound.src="" tim=0 } </script> <bgSound src="" id="sound"> </head> <body onload="da(this.form)"> <p align="right"><font color="red" size="6">Alerm Clock</font><form name="frm"> <span dir="rtl"><font face="Tahoma" size="2">ساعت فعلی کامپیوتر شما:</font><input dir="ltr" type="text" name="txt" size="5"></span> <span dir="rtl"><br /><br /><font face="Tahoma" size="2" color="#0000FF">تنظیم 1:</font> <font face="Tahoma" size="2">این ساعت چه زمانی فعال شود؟ لطفاً ساعت مورد نظر را وارد کنید:</font><select dir="ltr" name="se1" size="1"> <option selected value="01">01 or 13</option><option value="02">02 or 14</option> <option value="03">03 or 15</option><option value="04">04 or 16</option> <option value="05">05 or 17</option><option value="06">06 or 18</option> <option value="07">07 or 19</option><option value="08">08 or 20</option> <option value="09">09 or 21</option><option value="10">10 or 22</option> <option value="11">11 or 23</option><option value="12">12 or 24</option> </select>  <font size="2" face="Tahoma">لطفا دقیقه ی مورد نظر را وارد کنید:</font> <select dir="ltr" name="se2" size=1><option selected value="00">00</option> <option value="01">01</option><option value="02">02</option> <option value="03">03</option><option value="04">04</option> <option value="05">05</option><option value="06">06</option> <option value="07">07</option><option value="08">08</option> <option value="09">09</option><option value="10">10</option> <option value="11">11</option><option value="12">12</option> <option value="13">13</option><option value="14">14</option> <option value="15">15</option><option value="16">16</option> <option value="17">17</option><option value="18">18</option> <option value="19">19</option><option value="20">20</option> <option value="21">21</option><option value="22">22</option> <option value="23">23</option><option value="24">24</option> <option value="25">25</option><option value="26">26</option> <option value="27">27</option><option value="28">28</option> <option value="29">29</option><option value="30">30</option> <option value="31">31</option><option value="32">32</option> <option value="33">33</option><option value="34">34</option> <option value="35">35</option><option value="36">36</option> <option value="37">37</option><option value="38">38</option> <option value="39">39</option><option value="40">40</option> <option value="41">41</option><option value="42">42</option> <option value="43">43</option><option value="44">44</option> <option value="45">45</option><option value="46">46</option> <option value="47">47</option><option value="48">48</option> <option value="49">49</option><option value="50">50</option> <option value="51">51</option><option value="52">52</option> <option value="53">53</option><option value="54">54</option> <option value="55">55</option><option value="56">56</option> <option value="57">57</option><option value="58">58</option> <option value="59">59</option></select></span><p align="right"> <span dir="rtl"><font face="Tahoma"><font size="2" color="#0000FF">تنظیم 2:</font><font size="2"> فایل خود را انتخاب کنید:</font></font><input dir="ltr" type="file" size=36 name="alermsound"></span><p align="right"> <span dir="rtl"><font color="#0000FF" size="2" face="Tahoma">تنظیم 3:</font><font size="4" color="#0000FF"> </font><input type="button" value="on" onclick="alermon()"> <input type="button" value="off" onclick="alermoff()"></span><p align="right"> <span dir="rtl"><font size="2" face="Tahoma">توجه داشته باشید که هنگامی که این صفحه در حالت Minimize باشد صدای موزیک شنیده نخواهد شد.</font> </span></p></form></body>

واحد پول کشورهای جهان

نام کشور	واحد پول	نام کشور	واحد پول
افغانستان	افغانی	استرالیا	دلار
آلبانی	لک	اتریش	شیلینگ
الجزایر	دینار	آذربایجان	منات
آندورا	فرانک	باهاما	دلار
آنگولا	کوانزا	بحرین	دینار
آرژانتین	پزو	بنگلاندش	تاکا
ارمنستان	درام	باربادوس	دلار
بلاروس	روبل	کوبا	پزو
بلژیک	فرانک	قبرس	پوند
بلیز	دلار	چک	کرونا
بنین	فرانک سی اف	دانمارک	کرون
بوتان	نگولتروم	جیبوتی	فرانک
بولیوی	بولیویانو	دومینیکن	پزو
بوتسوانا	پولا	اکوادور	سوکره
بوسنی و هرزگوین	دینار	مصر	پوند
برزیل	رئال	السالوادور	کولون
برونئی	دلار	اریتره	بیراتیوپی
بلغارستان	لو(لف)	استونی	کرون
برمه	کیات	اتیوپی	بیر
کامبوج	ریل	فیجی	دلار
کامرون	فرانک	فنلاند	مارکا
کانادا	دلار	فرانسه	فرانک
کیپ ورد	اسکودو	گابون	فرانک
شیلی	پزو	گامبیا	دالاسی
چاد	فرانک	گرجستان	لاری
چین	یوان	آلمان	مارک
کلمبیا	پزو	غنا	سدی
کومور	فرانک	یونان	دراخما
کنگو	فرانک	گرانادا	دلار
کاستاریکا	کولون	گواتمالا	کتسال
کرواسی	کونا	گویان	دلار
هائی تی	گورد	مالاوی	کواچا
هندوراس	لمپیرا	مالزی	روپیه
مجارستان	فورینت	مالت	لیره
ایسلند	کرون	موریتانی	اوگوئیا
هندوستان	روپیه	موریس	روپیه
اندونزی	روپیه	مکزیک	پزو
ایران	ریال	میکرونزی	دلار
ایرلند	پوند	مولداوی	لئو
ایتالیا	لیر	موناکو	فرانک
جامائیکا	دلار	مغولستان	توگریک
ژاپن	ین	مراکش	درهم
اردن	دینار	موزامبیک	متیکال
قزاقستان	تنگه	نامیبیا	دلار
کنیا	شیلینگ	نائورو	دلار
کره	وون	نپال	روپیه
کویت	دینار	پالائو	دلار
قرقیزستان	سوم	پاناما	بالبوا
لائوس	کیپ	پاپواگینه نو	کینا
لتونی	لاتس	پاراگوئه	گوارانی
لبنان	پوند	پرو	سول
لسوتو	لوتی	فیلیپین	پزو
لیتوانی	لیتاس	لهستان	زلوتی
مقدونیه	دنار	پرتقال	اسکودو
قطر	ریال	تاجیکستان	روبل
رومانی	لئو	تانزانیا	شیلینگ
روسیه	روبل	تایلند	بات
روآندا	فرانک	تونگا	پاآنگا
عربستان	ریال	ترکیه	لیره
سنگال	فرانک	تونس	دینار
سیشل	روپیه	ترکمنستان	منات
سیرالئون	لئون	اوکراین	گریونا
سنگاپور	دلار	انگلستان	پوند
اسلوونی	تولار	ازبکستان	سوم
سومالی	شیلینگ	ونزوئولا	بولیوار
آفریقای جنوبی	راند	ویتنام	دونگ
اسپانیا	پزوتا	ساموا	تالا
سریلانکا	روپیه	زامبیا	کواچا
سودان	دینار	زئیر	زئیر
سورینام	گیلدر	امارات	درهم
سوازیلند	لیلانگنی	یمن	ریال
سوئد	کرون	واتیکان	لیره
سوئیس	فرانک	اوگاندا	شیلینگ
سوریه	لیر	زیمباره	دلار
تایوان	دلار

*برگرفته شده از کتاب راهنمای حل جدول مولف مسعود فراهی *