الصقر الاسـود
14-04-2008, 12:40 PM
الساعات و التاريخ
سكربت لتواقيت دول العالم
<FORM name=where><TABLE cellSpacing=0 cellPadding=3 width=200 border=0><TBODY><TR><TD width="100%"> </TD></TR><TR><TD width="100%"><SCRIPT language=JavaScript>/*Drop Down World Clock- By JavaScript Kit (http://www.javascriptkit.com)Portions of code by Kurt @ http://www.btinternet.com/~kurt.grigg/javascriptThis credit notice must stay intactVisit our site at http://www.star28.com/ for more code*/if (document.all||document.getElementById)document.write('
')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"+hr2var finaltime=hr2+':'+((mins < 10)?"0"+mins:mins)+':'+((secs < 10)?"0"+secs:secs)+' '+statusampm;if (document.all)worldclock.innerHTML=finaltimeelse if (document.getElementById)document.getElementById("worldclock").innerHTML=finaltimeelse if (document.layers){document.worldclockns.document.worldclockns2.document.write(finaltime)document.wor ldclockns.document.worldclockns2.document.close()}setTimeout('WorldClock()',1000);}window.onload=Wor ldClock//--></SCRIPT>
<!--Place holder for NS4 only--><ILAYER id=worldclockns width="100%" height="35"><LAYER id=worldclockns2 style="FONT: bold 16px Arial" width="100%" top="0" height="35" left="0"></LAYER></ILAYER>
</TD></TR></TBODY></TABLE></FORM>
طريقة التركيب
انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY
<TEXTAREA dir=ltr rows=10 cols=30> <form name="where"> <table border="0" width="200" cellspacing="0" cellpadding="3"><tr> <td width="100%"><select name="city" size="1" onchange="updateclock(this);"> <option selected>التوقيت المحلي</option><option value="3">السعودية</option><option value="4">الإمارات</option><option value="3">الكويت</option><option value="3">لبنان</option><option value="4">عمان</option><option value="3">قطر</option><option value="3">مصر</option><option value="0">المغرب</option><option value="1">تونس</option><option value="3">السودان</option><option value="0">لندن</option> <option value="1">روما</option><option value="7">بانكوك</option><option value="8">هونكغ كونغ</option><option value="9">طوكيو</option> <option value="10">سيدني</option><option value="12">فوجي</option><option value="-10">هاواي</option><option value="-8">سان فرانسيسكو</option> <option value="-5">نيويورك</option></select></td> </tr> <tr> <td width="100%"><script language="JavaScript">/*Drop Down World Clock- By JavaScript Kit (<a href="http://www.javascriptkit.com)Portions" target="_blank">http://www.javascriptkit.com)Portions</a> of code by Kurt @ <a href="http://www.btinternet.com/~kurt.grigg/javascriptThis" target="_blank">http://www.btinternet.com/~kurt.grigg/javascriptThis</a> credit notice must stay intactVisit our site at <a href="http://www.star28.com/" target="_blank">http://www.star28.com/</a> for more code*/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()<img src="http://www.montada.com/images/smilies/frown.gif" border="0" alt="" title="زعلان" smilieid="2" class="inlineimg" />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"+hr2var finaltime=hr2+':'+((mins < 10)?"0"+mins:mins)+':'+((secs < 10)?"0"+secs:secs)+' '+statusampm;if (document.all)worldclock.innerHTML=finaltimeelse if (document.getElementById)document.getElementById("worldclock").innerHTML=finaltimeelse if (document.layers){document.worldclockns.document.worldclockns2.document.write(finaltime)document.wor ldclockns.document.worldclockns2.document.close()}setTimeout('WorldClock()',1000);}window.onload=Wor ldClock//--></script><!--Place holder for NS4 only--><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></td></tr></table></form> </TEXTAREA>
ساعة ترافق الماوس مع التاريخ
طريقة التركيب
انسخ هذا الكود و ضعه في منطقة HEAD
<TEXTAREA dir=ltr rows=10 cols=30> <SCRIPT language=JavaScript>// Visit our site at <a href="http://www.montada.commore" target="_blank">http://www.montada.commore</a> codedCol='0000FF';//date colour.fCol='006600';//face colour.sCol='9900FF';//seconds colour.mCol='FF4500';//minutes colour.hCol='FF4500';//hours colour.ClockHeight=35;ClockWidth=35;ClockFromMouseY=0;ClockFromMouseX=100;//Alter nothing below! Alignments will be lost!d=new Array("WWW.montada.COM","WWW.montada.COM","WWW.montada.COM","WWW.montada.COM","WWW.montada.COM","WWW.montada.COM","WWW.montada.COM");m=new Array("JANUAR","FEBRUAR","MAERZ","APRIL","MAI","JUNI","JULI","AUGUST","SEPTEMBER","OKTOBER","NOVEMBER","DEZEMBER");date=new Date();day=date.getDate();year=date.getYear();if (year < 2000) year=year+1900;TodaysDate=" "+d[date.getDay()]+" "+day+" "+m[date.getMonth()]+" "+year;D=TodaysDate.split('');H='...';H=H.split('');M='....';M=M.split('');S='.....';S=S.split('');Fa ce='1 2 3 4 5 6 7 8 9 10 11 12';font='Arial';size=1;speed=0.6;ns=(document.layers);ie=(document.all);Face=Face.split(' ');n=Face.length;a=size*10;ymouse=0;xmouse=0;scrll=0;props="<font face="+font+" size="+size+" color="+fCol+"><B>";props2="<font face="+font+" size="+size+" color="+dCol+"><B>";Split=360/n;Dsplit=360/D.length;HandHeight=ClockHeight/4.5HandWidth=ClockWidth/4.5HandY=-7;HandX=-2.5;scrll=0;step=0.06;currStep=0;y=new Array();x=new Array();Y=new Array();X=new Array();for (i=0; i < n; i++){y[i]=0;x[i]=0;Y[i]=0;X[i]=0}Dy=new Array();Dx=new Array();DY=new Array();DX=new Array();for (i=0; i < D.length; i++){Dy[i]=0;Dx[i]=0;DY[i]=0;DX[i]=0}if (ns){for (i=0; i < D.length; i++)document.write('<layer name="nsDate'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props2+D[i]+'</font></center></layer>');for (i=0; i < n; i++)document.write('<layer name="nsFace'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+Face[i]+'</font></center></layer>');for (i=0; i < S.length; i++)document.write('<layer name=nsSeconds'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+sCol+'><center><b>'+S[i]+'</b></center></font></layer>');for (i=0; i < M.length; i++)document.write('<layer name=nsMinutes'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+mCol+'><center><b>'+M[i]+'</b></center></font></layer>');for (i=0; i < H.length; i++)document.write('<layer name=nsHours'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+hCol+'><center><b>'+H[i]+'</b></center></font></layer>');}if (ie){document.write('<div id="Od" style="position:absolute;top:0px;left:0px"><div style="position:relative">');for (i=0; i < D.length; i++)document.write('<div id="ieDate" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props2+D[i]+'</B></font></div>');document.write('</div></div>');document.write('<div id="Of" style="position:absolute;top:0px;left:0px"><div style="position:relative">');for (i=0; i < n; i++)document.write('<div id="ieFace" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+Face[i]+'</B></font></div>');document.write('</div></div>');document.write('<div id="Oh" style="position:absolute;top:0px;left:0px"><div style="position:relative">');for (i=0; i < H.length; i++)document.write('<div id="ieHours" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+hCol+';text-align:center;font-weight:bold">'+H[i]+'</div>');document.write('</div></div>');document.write('<div id="Om" style="position:absolute;top:0px;left:0px"><div style="position:relative">');for (i=0; i < M.length; i++)document.write('<div id="ieMinutes" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+mCol+';text-align:center;font-weight:bold">'+M[i]+'</div>');document.write('</div></div>')document.write('<div id="Os" style="position:absolute;top:0px;left:0px"><div style="position:relative">');for (i=0; i < S.length; i++)document.write('<div id="ieSeconds" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+sCol+';text-align:center;font-weight:bold">'+S[i]+'</div>');document.write('</div></div>')}(ns)?window.captureEvents(Event.MOUSEMOVE):0;function Mouse(evnt){ymouse = (ns)?evnt.pageY+ClockFromMouseY-(window.pageYOffset):event.y+ClockFromMouseY;xmouse = (ns)?evnt.pageX+ClockFromMouseX:event.x+ClockFromMouseX;}(ns)?window.onMouseMove=Mouse:document.onmo usemove=Mouse;function ClockAndAssign(){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;if (ie){Od.style.top=window.document.body.scrollTop;Of.style.top=window.document.body.scrollTop;Oh.styl e.top=window.document.body.scrollTop;Om.style.top=window.document.body.scrollTop;Os.style.top=window .document.body.scrollTop;}for (i=0; i < n; i++){ var F=(ns)?document.layers['nsFace'+i]:ieFace[i].style; F.top=y[i] + ClockHeight*Math.sin(-1.0471 + i*Split*Math.PI/180)+scrll; F.left=x[i] + ClockWidth*Math.cos(-1.0471 + i*Split*Math.PI/180); }for (i=0; i < H.length; i++){ var HL=(ns)?document.layers['nsHours'+i]:ieHours[i].style; HL.top=y[i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll; HL.left=x[i]+HandX+(i*HandWidth)*Math.cos(hrs); }for (i=0; i < M.length; i++){ var ML=(ns)?document.layers['nsMinutes'+i]:ieMinutes[i].style; ML.top=y[i]+HandY+(i*HandHeight)*Math.sin(min)+scrll; ML.left=x[i]+HandX+(i*HandWidth)*Math.cos(min); }for (i=0; i < S.length; i++){ var SL=(ns)?document.layers['nsSeconds'+i]:ieSeconds[i].style; SL.top=y[i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll; SL.left=x[i]+HandX+(i*HandWidth)*Math.cos(sec); }for (i=0; i < D.length; i++){ var DL=(ns)?document.layers['nsDate'+i]:ieDate[i].style; DL.top=Dy[i] + ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/180)+scrll; DL.left=Dx[i] + ClockWidth*1.5*Math.cos(currStep+i*Dsplit*Math.PI/180); }currStep-=step;}function Delay(){scrll=(ns)?window.pageYOffset:0;Dy[0]=Math.round(DY[0]+=((ymouse)-DY[0])*speed);Dx[0]=Math.round(DX[0]+=((xmouse)-DX[0])*speed);for (i=1; i < D.length; i++){Dy[i]=Math.round(DY[i]+=(Dy[i-1]-DY[i])*speed);Dx[i]=Math.round(DX[i]+=(Dx[i-1]-DX[i])*speed);}y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);for (i=1; i < n; i++){y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);}ClockAndAssign();setTimeout('Delay()',20);}if (ns||ie)window.onload=Delay;</SCRIPT></TEXTAREA>
عرض التاريخ بالأشهر و الأيام
<CENTER><SCRIPT>document.write("" + day +myweekday );document.write(month + ", " + year + "");</SCRIPT>الإثنين, 14نيسان , 2008</CENTER>
طريقة التركيب
1- انسخ هذا الكود و ضعه في منطقة HEAD
<TEXTAREA dir=ltr rows=10 cols=30><SCRIPT language=JavaScript>/* Visit our site at <a href="http://www.star28.com/" target="_blank">http://www.star28.com/</a> for more code* Translated By <a href="http://www.star28.com*" target="_blank">www.star28.com*</a> This notice must stay intact for use */<!-- Beginvar day="";var month="";var myweekday="";var year="";mydate = new Date();myday = mydate.getDay();mymonth = mydate.getMonth();myweekday= mydate.getDate();weekday= myweekday;myyear= mydate.getYear();year = myyearif(myday == 0)day = " الأحد, " else if(myday == 1)day = " الإثنين, "else if(myday == 2)day = " الثلاثاء, " else if(myday == 3)day = " الاربعاء, " else if(myday == 4)day = " الخميس, "else if(myday == 5)day = " الجمعة, "else if(myday == 6)day = " السبت, "if(mymonth == 0) {month = "كانون ثاني "}else if(mymonth ==1)month = "شباط "else if(mymonth ==2)month = "آذار "else if(mymonth ==3)month = "نيسان "else if(mymonth ==4)month = "أيار "else if(mymonth ==5)month = "حزيران "else if(mymonth ==6)month = "تموز "else if(mymonth ==7)month = "آب "else if(mymonth ==8)month = "أيلول "else if(mymonth ==9)month = "تشرين أول "else if(mymonth ==10)month = "تشرين ثاني "else if(mymonth ==11)month = "كانون أول "// End --></SCRIPT> </TEXTAREA>
2- انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY
<TEXTAREA dir=ltr rows=10 cols=30><CENTER><SCRIPT>document.write("<b><font face=Tahoma color=#006600 size=1>" + day +myweekday );document.write(month + ", " + year + "</font></b>");</SCRIPT></CENTER></TEXTAREA>
<HR class=hr SIZE=1>
مؤثرات الألوان
غير لون الصفحة بمجرد مرور الماوس على اسم اللون
طريقة التركيب
انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY
<TEXTAREA dir=ltr rows=10 cols=30><center><font face="Tahoma" color="#FF0000">مرر فأرتك على أحد الألوان</font><br> <p align="center"><font face="Tahoma">[<a href="/" onmouseover="document.bgColor='green'">أخضر</a>] [<a href="/" onmouseover="document.bgColor='greem'">أخضر فاتح</a>] [<a href="/" onmouseover="document.bgColor='seagreen'">أخضر عفني</a>] [<a href="/" onmouseover="document.bgColor='red'">أحمر</a>]<br> [<a href="/" onmouseover="document.bgColor='magenta'">وردي غامق</a>] [<a href="/" onmouseover="document.bgColor='fusia'">فوشي</a>] [<a href="/" onmouseover="document.bgColor='pink'">وردي</a>] [<a href="/" onmouseover="document.bgColor='purple'">بنفسجي</a>]<br> [<a href="/" onmouseover="document.bgColor='navy'">كحلي</a>] [<a href="/" onmouseover="document.bgColor='blue'">أزرق</a>] [<a href="/" onmouseover="document.bgColor='royalblue'">أزرق ملكي</a>] [<a href="/" onmouseover="document.bgColor='Skyblue'">أزرق سماوي</a>]<br> [<a href="/" onmouseover="document.bgColor='yellow'">أصفر</a>] [<a href="/" onmouseover="document.bgColor='brown'">بني</a>] [<a href="/" onmouseover="document.bgColor='almond'">أحمر قاني</a>] [<a href="/" onmouseover="document.bgColor='white'">أبيض</a>]<br> [<a href="/" onmouseover="document.bgColor='black'">أسود</a>] [<a href="/" onmouseover="document.bgColor='coral'">مشمشي</a>] [<a href="/" onmouseover="document.bgColor='olivedrab'">زيتوني</a>] [<a href="/" onmouseover="document.bgColor='orange'">برتقالي</a>] </font></center> </TEXTAREA>
كود لجعل الصفحة تمطر
طريقة التركيب
انسخ هذا الكود و ضعه في منطقة BODY
<TEXTAREA dir=ltr rows=10 cols=30><script language="JavaScript">/* This credit MUST stay intact for use *//* Visit our site at <a href="http://www.star28.com/" target="_blank">http://www.star28.com/</a> for more code */<!-- Beginvar no = 50;var speed = 1;var ns4up = (document.layers) ? 1 : 0;var ie4up = (document.all) ? 1 : 0;var s, x, y, sn, cs;var a, r, cx, cy;var i, doc_width = 800, doc_height = 600;if (ns4up) {doc_width = self.innerWidth;doc_height = self.innerHeight;}elseif (ie4up) {doc_width = document.body.clientWidth;doc_height = document.body.clientHeight;}x = new Array();y = new Array();r = new Array();cx = new Array();cy = new Array();s = 8;for (i = 0; i < no; ++ i) { initRain();if (ns4up) {if (i == 0) {document.write("<layer name=\"dot"+ i +"\" left=\"1\" ");document.write("top=\"1\" visibility=\"show\"><font color=\"blue\">");document.write(",</font></layer>");}else {document.write("<layer name=\"dot"+ i +"\" left=\"1\" ");document.write("top=\"1\" visibility=\"show\"><font color=\"blue\">");document.write(",</font></layer>"); }}else if (ie4up) {if (i == 0) {document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");document.write("visible; TOP: 15px; LEFT: 15px;\"><font color=\"blue\">");document.write(",</font></div>");}else {document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");document.write("visible; TOP: 15px; LEFT: 15px;\"><font color=\"blue\">");document.write(",</font></div>"); } }}function initRain() {a = 6;r[i] = 1;sn = Math.sin(a);cs = Math.cos(a);cx[i] = Math.random() * doc_width + 1;cy[i] = Math.random() * doc_height + 1;x[i] = r[i] * sn + cx[i];y[i] = cy[i];}function makeRain() {r[i] = 1;cx[i] = Math.random() * doc_width + 1;cy[i] = 1;x[i] = r[i] * sn + cx[i];y[i] = r[i] * cs + cy[i];}function updateRain() {r[i] += s;x[i] = r[i] * sn + cx[i];y[i] = r[i] * cs + cy[i];}function raindropNS() {for (i = 0; i < no; ++ i) {updateRain();if ((x[i] <= 1) || (x[i] >= (doc_width - 20)) || (y[i] >= (doc_height - 20))) {makeRain();doc_width = self.innerWidth;doc_height = self.innerHeight;}document.layers["dot"+i].top = y[i];document.layers["dot"+i].left = x[i];}setTimeout("raindropNS()", speed);}function raindropIE() {for (i = 0; i < no; ++ i) {updateRain();if ((x[i] <= 1) || (x[i] >= (doc_width - 20)) || (y[i] >= (doc_height - 20))) {makeRain();doc_width = document.body.clientWidth;doc_height = document.body.clientHeight;}document.all["dot"+i].style.pixelTop = y[i];document.all["dot"+i].style.pixelLeft = x[i];}setTimeout("raindropIE()", speed);}if (ns4up) {raindropNS();}elseif (ie4up) {raindropIE();}// End --></script></TEXTAREA>
خلفية تشبه خلفية فيلم ماتريكس
اضغط هنا لمشاهدتها (http://www.star28.com/java/java2/test.html)
طريقة التركيب
انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY
<TEXTAREA dir=ltr rows=10 cols=30> <script language="JavaScript">// Visit our site at <a href="http://www.star28.com/" target="_blank">http://www.star28.com/</a> for more codeif (document.all){Cols=10;Cl=24;Cs=100;Ts=10;Tc='#FF9933';Tc1='#FFCC00';MnS=5;MxS=10;I=Cs;Sp=new Array();S=new Array();Y=new Array();C=new Array();M=new Array();B=new Array();RC=new Array();E=new Array();Tcc=new Array(0,1);document.write("<div id='Container' style='position:absolute;top:0;left:-"+Cs+"'>");document.write("<div style='position:relative'>");for(i=0; i < Cols; i++){S[i]=I+=Cs;document.write("<div id='A' style='position:absolute;top:0;font-family:Arial;font-size:"+Ts+"px;left:"+S[i]+";width:"+Ts+"px;height:0px;color:"+Tc+";visibility:hidden'></div>");}document.write("</div></div>");for(j=0; j < Cols; j++){RC[j]=1+Math.round(Math.random()*Cl); Y[j]=0;Sp[j]=Math.round(MnS+Math.random()*MxS); for(i=0; i < RC[j]; i++){ B[i]=''; C[i]=Math.round(Math.random()*1)+' '; M[j]=B[0]+=C[i]; }}function Cycle(){Container.style.top=window.document.body.scrollTop;for (i=0; i < Cols; i++){var r = Math.floor(Math.random()*Tcc.length);E[i] = '<font color='+Tc1+'>'+Tcc[r]+'</font>';Y[i]+=Sp[i];if (Y[i] > window.document.body.clientHeight){ for(i2=0; i2 < Cols; i2++){ RC[i2]=1+Math.round(Math.random()*Cl); for(i3=0; i3 < RC[i2]; i3++){ B[i3]=''; C[i3]=Math.round(Math.random()*1)+' '; C[Math.floor(Math.random()*i2)]=' '+' '; M[i]=B[0]+=C[i3]; Y[i]=-Ts*M[i].length/1.5; A[i].style.visibility='visible'; } Sp[i]=Math.round(MnS+Math.random()*MxS); }}A[i].style.top=Y[i];A[i].innerHTML=M[i]+' '+E[i]+' ';}setTimeout('Cycle()',20)}Cycle();}// --></script> </TEXTAREA>
<HR class=hr SIZE=1>مؤثرات الماوس
ألوان تتبع الماوس
<LAYER top="10" left="10" name="a0" visibility="show" bgcolor="#ff0000" clip="0,0,2,2"></LAYER><LAYER top="10" left="10" name="a1" visibility="show" bgcolor="#ff8000" clip="0,0,2,2"></LAYER><LAYER top="10" left="10" name="a2" visibility="show" bgcolor="#ffff00" clip="0,0,2,2"></LAYER><LAYER top="10" left="10" name="a3" visibility="show" bgcolor="#00ff00" clip="0,0,2,2"></LAYER><LAYER top="10" left="10" name="a4" visibility="show" bgcolor="#0000ff" clip="0,0,2,2"></LAYER><LAYER top="10" left="10" name="a5" visibility="show" bgcolor="#ff00ff" clip="0,0,2,2"></LAYER><LAYER top="10" left="10" name="a6" visibility="show" bgcolor="#ffffff" clip="0,0,2,2"></LAYER>
طريقة التركيب
1- انسخ هذا الكود و ضعه في منطقة HEAD
<TEXTAREA dir=ltr rows=10 cols=30> <style type="text/css"><!-- #a { position: absolute; top: 10px; left: 10px; visibility: visible }#b { position: absolute; top: 10px; left: 10px; visibility: visible }#c { position: absolute; top: 10px; left: 10px; visibility: visible }#d { position: absolute; top: 10px; left: 10px; visibility: visible }#e { position: absolute; top: 10px; left: 10px; visibility: visible }#f { position: absolute; top: 10px; left: 10px; visibility: visible }#g { position: absolute; top: 10px; left: 10px; visibility: visible } --></style></TEXTAREA>
2- انسخ هذه الأكواد و ضعها بعد BODY
<TEXTAREA dir=ltr rows=10 cols=30><layer name="a0" left="10" top="10" visibility="show" bgcolor="#ff0000" clip="0,0,2,2"></layer><layer name="a1" left="10" top="10" visibility="show" bgcolor="#ff8000" clip="0,0,2,2"></layer><layer name="a2" left="10" top="10" visibility="show" bgcolor="#ffff00" clip="0,0,2,2"></layer><layer name="a3" left="10" top="10" visibility="show" bgcolor="#00ff00" clip="0,0,2,2"></layer><layer name="a4" left="10" top="10" visibility="show" bgcolor="#0000ff" clip="0,0,2,2"></layer><layer name="a5" left="10" top="10" visibility="show" bgcolor="#ff00ff" clip="0,0,2,2"></layer><layer name="a6" left="10" top="10" visibility="show" bgcolor="#ffffff" clip="0,0,2,2"></layer><div id="starsDiv" style="position:absolute;top:0px;left:0px"><div style="position:relative;width:2px;height:2px;background:#ffffff;font-size:1px;visibility:visible"><div style="position:relative;width:2px;height:2px;background:#ffff00;font-size:1px;visibility:visible"><div style="position:relative;width:2px;height:2px;background:#ffa000;font-size:1px;visibility:visible"></div><div style="position:relative;width:2px;height:2px;background:#ff0000;font-size:1px;visibility:visible"></div><div style="position:relative;width:2px;height:2px;background:#00ff00;font-size:1px;visibility:visible"></div><div style="position:relative;width:2px;height:2px;background:#0000ff;font-size:1px;visibility:visible"></div><div style="position:relative;width:2px;height:2px;background:#FF00FF;font-size:1px;visibility:visible"></div></div><script language="JavaScript"><!-- Begin// Original: freeware.de// Web Site: <a href="http://freeware.de" target="_blank">http://freeware.de</a> // MSIE Fix by: Kurt Grigg (kurt.grigg@virgin.net)/* Visit our site at <a href="http://www.star28.com/" target="_blank">http://www.star28.com/</a> for more code* This notice must stay intact for use */function MoveHandler(){Xpos = document.body.scrollLeft + event.x;Ypos = document.body.scrollTop + event.y;}function xMoveHandler(evnt) {Xpos = evnt.pageX;Ypos = evnt.pageY;}if (document.layers) {window.captureEvents(Event.MOUSEMOVE);}var yBase = 200;var xBase = 200;var yAmpl = 10;var yMax = 40;var step = .2;var ystep = .5;var currStep = 0;var tAmpl=1;var Xpos = 1;var Ypos = 1;var i = 0;var j = 0;if (document.all) {document.onmousemove = MoveHandler;}else if (document.layers) {window.onMouseMove = xMoveHandler;}function animateLogo() {if (document.all) {yBase = window.document.body.offsetHeight / 4;xBase = window.document.body.offsetWidth / 4;}else if (document.layers) {yBase = window.innerHeight / 4;xBase = window.innerWidth / 4;}if (document.all) {for (i = 0 ; i < starsDiv.all.length; i++) {starsDiv.all[i].style.top = Ypos + Math.cos((20*Math.sin(currStep/20))+i*70)*yBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + i*25)/10);starsDiv.all[i].style.left = Xpos + Math.sin((20*Math.sin(currStep/20))+i*70)*xBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + i*25)/10); }}else if (document.layers) {for (j = 0; j < 7; j++) { //7 is number of NS layers!var templayer="a" + j;document.layers[templayer].top = Ypos + Math.cos((20*Math.sin(currStep/20))+j*70)*yBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + j*25)/10);document.layers[templayer].left =Xpos + Math.sin((20*Math.sin(currStep/20))+j*70)*xBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + j*25)/10); }}currStep += step;setTimeout("animateLogo()", 10);}animateLogo();// End --></script></TEXTAREA>
ألوان تتبع الماوس 2
طريقة التركيب
انسخ هذا الكود و ضعه في منطقة HEAD
<TEXTAREA dir=ltr rows=10 cols=30><!-- Original: Kurt Grigg (kurt.grigg@virgin.net)) --><!-- Web Site: <a href="http://website.lineone.net/~kurt.grigg/javascript" target="_blank">http://website.lineone.net/~kurt.grigg/javascript</a> --><!-- This script and many more are available free online at --><!-- The JavaScript Source!! <a href="http://javascript.internet.com" target="_blank">http://javascript.internet.com</a> --><script language="JavaScript">/* Visit our site at <a href="http://www.star28.com/" target="_blank">http://www.star28.com/</a> for more code* This notice must stay intact for use */<!-- Beginfunction nMouse(evnt){Ypos = evnt.pageY;Xpos = evnt.pageX;}function iMouse() {Ypos = event.y+document.body.scrollTop;Xpos = event.x+document.body.scrollLeft;}function Comet() {var yBase = (document.layers)?window.innerHeight/4:window.document.body.clientHeight/4;var xBase = (document.layers)?window.innerWidth/4:window.document.body.clientWidth/4;for (i = 0; i < 14; i++){var randCol = Math.round(Math.random()*8);var layer = (document.layers)?document.layers['n'+i]:me[i].style;layer.top =Ypos + yBase*Math.cos((currStep+i*4)/12)*Math.cos(0.7+currStep/200);layer.left = Xpos + xBase*Math.sin((currStep+i*3)/10)*Math.sin(8.2+currStep/400);if (ns) layer.bgColor = Clrs[randCol];elselayer.background = Clrs[randCol];}currStep += step;setTimeout("Comet()",10);}ns = (document.layers)?1:0;Clrs = new Array('ff0000','00ff00','ffffff','ff00ff','ffa500','ffff00','00ff00','ffffff','ff00ff');yBase = 0;xBase = 0;step = 3;currStep = 0;Ypos = 0;Xpos = 0;if (ns){for (i = 0; i < 14; i++)document.write('<LAYER NAME="n'+i+'" LEFT=0 TOP=0 CLIP="0,0,'+i/4+','+i/4+'"></LAYER>');window.captureEvents(Event.MOUSEMOVE); window.onMouseMove = nMouse;}else{document.write('<div style="position:absolute;top:0;left:0"><div style="position:relative">');for (i=0; i < 14; i++){document.write('<div id="me" style="position:absolute;top:0;left:0;width:'+i/4+';height:'+i/4+';font-size:'+i/4+'"></div>');}document.write('</div></div>');document.onmousemove = iMouse;}window.onload = Comet;// End --></script></TEXTAREA>
كلام يتبع الماوس
طريقة التركيب
1- انسخ هذا الكود و ضعه في منطقة HEAD
<TEXTAREA dir=ltr rows=10 cols=30><style>.spanstyle { position:absolute; visibility:visible; top:-50px; font-size:10pt; font-family:Verdana; font-weight:bold; color:black;}</style><script>/* Visit our site at <a href="http://www.star28.com/" target="_blank">http://www.star28.com/</a> for more code* This notice must stay intact for use */var x,yvar step=20var flag=0// Your snappy message. Important: the space at the end of the sentence!!!var message="Welcome!!!"message=message.split("")var xpos=new Array()for (i=0;i<=message.length-1;i++) { xpos[i]=-50}var ypos=new Array()for (i=0;i<=message.length-1;i++) { ypos[i]=-50}function handlerMM(e){ x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY flag=1}function makesnake() { if (flag==1 && document.all) { for (i=message.length-1; i>=1; i--) { xpos[i]=xpos[i-1]+step ypos[i]=ypos[i-1] } xpos[0]=x+step ypos[0]=y for (i=0; i<message.length-1; i++) { var thisspan = eval("span"+(i)+".style") thisspan.posLeft=xpos[i] thisspan.posTop=ypos[i] } } else if (flag==1 && document.layers) { for (i=message.length-1; i>=1; i--) { xpos[i]=xpos[i-1]+step ypos[i]=ypos[i-1] } xpos[0]=x+step ypos[0]=y for (i=0; i<message.length-1; i++) { var thisspan = eval("document.span"+i) thisspan.left=xpos[i] thisspan.top=ypos[i] } } var timer=setTimeout("makesnake()",30)}</script><script><!-- Beginning of JavaScript -for (i=0;i<=message.length-1;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;// - End of JavaScript - --></script></TEXTAREA>
2- ضع هذه الرموز ضمن الوسم BODY لتصبح هكذا
<TEXTAREA dir=ltr rows=5 cols=30> <BODY onLoad="makesnake()" style="width:100%;overflow-x:hidden;overflow-y:scroll"> </TEXTAREA>
كلام يتبع الماوس 2
طريقة التركيب
1- انسخ هذا الكود و ضعه في منطقة HEAD
<TEXTAREA dir=ltr rows=10 cols=30><SCRIPT language="JavaScript1.2"> <!--/* Visit our site at <a href="http://www.star28.com/" target="_blank">http://www.star28.com/</a> for more code Cursor scroller script- By Dynamicdrive.comFor full source, Terms of service, and 100s DTHML scripts*///1) set message to displayvar scroller_msg='مرحباً بكم في المنتدى//2) set whether message should auto disappear after x seconds (0=perpetual).//Note that double clicking page will also dismiss messagevar dismissafter=0function ietruebody(){return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body}var initialvisible=0if (document.all)document.write('<marquee direction="right" id="curscroll" style="position:absolute;width:150px;border:1px solid black;font-size:14px;background-color:white;visibility:hidden">'+scroller_msg+'</marquee>')function followcursor(){//move cursor function for IEif (initialvisible==0){curscroll.style.visibility="visible"initialvisible=1}curscroll.style.left=ietruebody().scrollLeft+event.clientX+10curscroll.style.top=ie truebody().scrollTop+event.clientY+10}function dismissmessage(){curscroll.style.visibility="hidden"}if (document.all){document.onmousemove=followcursordocument.ondblclick=dismissmessageif (dismissafter!=0)setTimeout("dismissmessage()",dismissafter*1000)}//--> </SCRIPT></TEXTAREA>
2- ضع هذه الرموز ضمن الوسم BODY لتصبح هكذا
<TEXTAREA dir=ltr rows=5 cols=30><body style="width:100%;overflow-x:hidden;overflow-y:scroll"> </TEXTAREA>
دوائر جميلة حول مؤشر الماوس
طريقة التركيب
1- انسخ هذا الكود و ضعه في منطقة HEAD
<TEXTAREA dir=ltr rows=10 cols=30> <style TYPE="text/css"><!--#a0 {position:absolute; left:-24; top:-24; width:9; height:25;clip:rect(0 9 9 0);z-index:2000;}#a1 {position:absolute; left:96; top:-24; width:9; height:25;clip:rect(0 9 9 0);z-index:2000;}#a2 {position:absolute; left:216; top:-24; width:9; height:25;clip:rect(0 9 9 0);z-index:2000;}#a3 {position:absolute; left:338; top:-24; width:9; height:25;clip:rect(0 9 9 0);z-index:2000;}#a4 {position:absolute; left:460; top:-24; width:9; height:25;clip:rect(0 9 9 0);z-index:2000;}#a5 {position:absolute; left:640; top:-24; width:9; height:25;clip:rect(0 9 9 0);z-index:2000;}#a6 {position:absolute; left:-24; top:-24; width:9; height:25;clip:rect(0 9 9 0);z-index:2000;}#a7 {position:absolute; left:200; top:-24; width:9; height:25;clip:rect(0 9 9 0);z-index:2000;}#a8 {position:absolute; left:300; top:-24; width:9; height:25;clip:rect(0 9 9 0);z-index:2000;}#a9 {position:absolute; left:600; top:-24; width:9; height:25;clip:rect(0 9 9 0);z-index:2000;}// --></style> </TEXTAREA>
2- غير ضمن الوسم BODY ليصبح مثل هذا
<TEXTAREA dir=ltr rows=7 cols=30> <BODY onLoad="startthedots()"> </TEXTAREA>
3- ضع هذا الكود بعد الوسم BODY
<TEXTAREA dir=ltr rows=10 cols=30> <script LANGUAGE="JavaScript">/*Swirling cursor trail (By Ozone, <a href="http://ozone.com)Featured" target="_blank">http://ozone.com)Featured</a> on JavaScript Kit free JavaScripts with bug fix for IE (<a href="http://javascriptkit.com)Visit" target="_blank">http://javascriptkit.com)Visit</a> our site at <a href="http://www.star28.com/" target="_blank">http://www.star28.com/</a> for more code */window.onerror=null;netscape = (document.layers) ? 1:0;goodIE = (document.all) ? 1:0;document.onmousemove=MoveHandler;var gotthere = 0;var count = 0;var ietopcorner=''var ieleftcorner='' toplocation = new Array( 0,30,57,80,101,125,80,80,101,125,80,0 );temptoplocation = new Array( 50,100,100,150,150,200,200,100,150,150,200,200,0 ); leftlocation = new Array( 0,292,318,181,181,217,263,318,181,181,217,263,-96 );templeftlocation = new Array( 0,0,260,390,420,550,680,390,420,550,680,0 );difftop = new Array( 0,0,0,0,0,0,0,0,0,0,0,0 );diffleft = new Array( 0,0,0,0,0,0,0,0,0,0,0,0 );questtop = -13;questleft2 = -96;if (netscape) { document.body=new Object() document.body.scrollTop='' document.body.scrollLeft='' window.captureEvents(Event.MOUSEMOVE); window.onMouseMove = MoveHandler; var layerstart = "document."; var layerleft = ".left"; var layertop = ".top"; var layerstyle = ""; var windowWidth = window.innerWidth; var windowHeight = window.innerHeight; }else if (goodIE) { ietopcorner=document.body.scrollTop ieleftcorner=document.body.scrollLeft layerstart = "document.all."; layerleft = ".left"; layertop = ".top"; layerstyle = ".style"; windowWidth=600; windowHeight=400; }// end error trapping var Ypos2 = 72; var Xpos2 = 72;function MoveHandler(e) {if (netscape || goodIE) { Xpos2 = (netscape)?e.pageX:event.x Ypos2 = (netscape)?e.pageY:event.yXorigin = Xpos2;Yorigin = Ypos2; if (Ypos2 > windowHeight/2) {if (Xpos2 > windowWidth/2) { direction = 1;} else { direction = -1;} }else {if (Xpos2 > windowWidth/2) { direction = -1;} else { direction = 1;} }}}function startthedots() {if (goodIE) {windowWidth=document.body.clientWidth;windowHeight=document.body.clientHeight; }Xorigin = 204;Yorigin = 147; spin();run(); }var OrbitSize = 200;count=1; delay=100; direction = -1;Count = new Array ( 0, .63, 1.26, 1.89, 2.52, 3.15, 3.78, 4.41, 5.04, 5.67 );Xpoint = new Array ( 0, .63, 1.26, 1.89, 2.52, 3.15, 3.78, 4.41, 5.04, 5.67 );Ypoint = new Array ( 0, .63, 1.26, 1.89, 2.52, 3.15, 3.78, 4.41, 5.04, 5.67 );var speed = -0.06;var offset = 1; function spin() {for ( j = 0 ; j <= 9 ; j++ ) {Count[j] = Count[j] + (speed*direction); Xpoint[j] = Xorigin + ((OrbitSize*Math.sin(Count[j])*offset)); Ypoint[j] = Yorigin + (OrbitSize*Math.cos(Count[j])); }setTimeout('spin()',3); }function run() { count++; for ( j = 0 ; j <= 9 ; j++ ) {difftop[j] = Ypoint[j] - temptoplocation[j];diffleft[j] = Xpoint[j] - templeftlocation[j];diff = 30;temptoplocation[j] = temptoplocation[j] + difftop[j]/diff;templeftlocation[j] = templeftlocation[j] + diffleft[j]/diff; eval(layerstart+"a"+j+layerstyle+layerleft+" = document.body.scrollLeft+templeftlocation["+j+"]"); eval(layerstart+"a"+j+layerstyle+layertop+" = document.body.scrollTop+temptoplocation["+j+"]"); }setTimeout('run()', 25) }badIE = 0;browserName = navigator.appName.substring(0,8);browserVer = parseFloat(navigator.appVersion);macintosh = navigator.userAgent.indexOf("Mac");if (browserName == "Microsof") { if (macintosh != -1) { badIE = 1; }if (browserVer < 4) { badIE = 1; } }</script><div ID="a0" align="center"><img src="swirl.gif" height="9" width="9"></div><div ID="a1" align="center"><img src="swirl.gif" height="9" width="9"></div><div ID="a2" align="center"><img src="swirl.gif" height="9" width="9"></div><div ID="a3" align="center"><img src="swirl.gif" height="9" width="9"></div><div ID="a4" align="center"><img src="swirl.gif" height="9" width="9"></div><div ID="a5" align="center"><img src="swirl.gif" height="9" width="9"></div><div ID="a6" align="center"><img src="swirl.gif" height="9" width="9"></div><div ID="a7" align="center"><img src="swirl.gif" height="9" width="9"></div><div ID="a8" align="center"><img src="swirl.gif" height="9" width="9"></div><div ID="a9" align="center"><img src="swirl.gif" height="9" width="9"></div> </TEXTAREA>
4- اضغط على صورة الدائرة الصغيرة باليمين ثم حفظ باسم و ارفعها الى مجلد صفحة السكربت
http://www.star28.com/java/java4/swirl.gif
كود تغيير مؤشر الماوس بمؤشر آخر جميل
1 - ضع هذا الكود في منطقة رأس الصفحة [ HEAD ]
<TEXTAREA dir=ltr rows=7 cols=30><style>body{CURSOR: url(mouse.cur); }</style> </TEXTAREA>
2 - حمل هذا الملف و فك الضغط عنه ثم ارفع الملف المسمى mouse.cur الى مساحة موقعك (http://www.star28.com/java/java4/mouse.zip)
تقبلوو تحياتي
وترقبوووو المزيد والجديد ان شاء الله
سكربت لتواقيت دول العالم
<FORM name=where><TABLE cellSpacing=0 cellPadding=3 width=200 border=0><TBODY><TR><TD width="100%"> </TD></TR><TR><TD width="100%"><SCRIPT language=JavaScript>/*Drop Down World Clock- By JavaScript Kit (http://www.javascriptkit.com)Portions of code by Kurt @ http://www.btinternet.com/~kurt.grigg/javascriptThis credit notice must stay intactVisit our site at http://www.star28.com/ for more code*/if (document.all||document.getElementById)document.write('
')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"+hr2var finaltime=hr2+':'+((mins < 10)?"0"+mins:mins)+':'+((secs < 10)?"0"+secs:secs)+' '+statusampm;if (document.all)worldclock.innerHTML=finaltimeelse if (document.getElementById)document.getElementById("worldclock").innerHTML=finaltimeelse if (document.layers){document.worldclockns.document.worldclockns2.document.write(finaltime)document.wor ldclockns.document.worldclockns2.document.close()}setTimeout('WorldClock()',1000);}window.onload=Wor ldClock//--></SCRIPT>
<!--Place holder for NS4 only--><ILAYER id=worldclockns width="100%" height="35"><LAYER id=worldclockns2 style="FONT: bold 16px Arial" width="100%" top="0" height="35" left="0"></LAYER></ILAYER>
</TD></TR></TBODY></TABLE></FORM>
طريقة التركيب
انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY
<TEXTAREA dir=ltr rows=10 cols=30> <form name="where"> <table border="0" width="200" cellspacing="0" cellpadding="3"><tr> <td width="100%"><select name="city" size="1" onchange="updateclock(this);"> <option selected>التوقيت المحلي</option><option value="3">السعودية</option><option value="4">الإمارات</option><option value="3">الكويت</option><option value="3">لبنان</option><option value="4">عمان</option><option value="3">قطر</option><option value="3">مصر</option><option value="0">المغرب</option><option value="1">تونس</option><option value="3">السودان</option><option value="0">لندن</option> <option value="1">روما</option><option value="7">بانكوك</option><option value="8">هونكغ كونغ</option><option value="9">طوكيو</option> <option value="10">سيدني</option><option value="12">فوجي</option><option value="-10">هاواي</option><option value="-8">سان فرانسيسكو</option> <option value="-5">نيويورك</option></select></td> </tr> <tr> <td width="100%"><script language="JavaScript">/*Drop Down World Clock- By JavaScript Kit (<a href="http://www.javascriptkit.com)Portions" target="_blank">http://www.javascriptkit.com)Portions</a> of code by Kurt @ <a href="http://www.btinternet.com/~kurt.grigg/javascriptThis" target="_blank">http://www.btinternet.com/~kurt.grigg/javascriptThis</a> credit notice must stay intactVisit our site at <a href="http://www.star28.com/" target="_blank">http://www.star28.com/</a> for more code*/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()<img src="http://www.montada.com/images/smilies/frown.gif" border="0" alt="" title="زعلان" smilieid="2" class="inlineimg" />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"+hr2var finaltime=hr2+':'+((mins < 10)?"0"+mins:mins)+':'+((secs < 10)?"0"+secs:secs)+' '+statusampm;if (document.all)worldclock.innerHTML=finaltimeelse if (document.getElementById)document.getElementById("worldclock").innerHTML=finaltimeelse if (document.layers){document.worldclockns.document.worldclockns2.document.write(finaltime)document.wor ldclockns.document.worldclockns2.document.close()}setTimeout('WorldClock()',1000);}window.onload=Wor ldClock//--></script><!--Place holder for NS4 only--><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></td></tr></table></form> </TEXTAREA>
ساعة ترافق الماوس مع التاريخ
طريقة التركيب
انسخ هذا الكود و ضعه في منطقة HEAD
<TEXTAREA dir=ltr rows=10 cols=30> <SCRIPT language=JavaScript>// Visit our site at <a href="http://www.montada.commore" target="_blank">http://www.montada.commore</a> codedCol='0000FF';//date colour.fCol='006600';//face colour.sCol='9900FF';//seconds colour.mCol='FF4500';//minutes colour.hCol='FF4500';//hours colour.ClockHeight=35;ClockWidth=35;ClockFromMouseY=0;ClockFromMouseX=100;//Alter nothing below! Alignments will be lost!d=new Array("WWW.montada.COM","WWW.montada.COM","WWW.montada.COM","WWW.montada.COM","WWW.montada.COM","WWW.montada.COM","WWW.montada.COM");m=new Array("JANUAR","FEBRUAR","MAERZ","APRIL","MAI","JUNI","JULI","AUGUST","SEPTEMBER","OKTOBER","NOVEMBER","DEZEMBER");date=new Date();day=date.getDate();year=date.getYear();if (year < 2000) year=year+1900;TodaysDate=" "+d[date.getDay()]+" "+day+" "+m[date.getMonth()]+" "+year;D=TodaysDate.split('');H='...';H=H.split('');M='....';M=M.split('');S='.....';S=S.split('');Fa ce='1 2 3 4 5 6 7 8 9 10 11 12';font='Arial';size=1;speed=0.6;ns=(document.layers);ie=(document.all);Face=Face.split(' ');n=Face.length;a=size*10;ymouse=0;xmouse=0;scrll=0;props="<font face="+font+" size="+size+" color="+fCol+"><B>";props2="<font face="+font+" size="+size+" color="+dCol+"><B>";Split=360/n;Dsplit=360/D.length;HandHeight=ClockHeight/4.5HandWidth=ClockWidth/4.5HandY=-7;HandX=-2.5;scrll=0;step=0.06;currStep=0;y=new Array();x=new Array();Y=new Array();X=new Array();for (i=0; i < n; i++){y[i]=0;x[i]=0;Y[i]=0;X[i]=0}Dy=new Array();Dx=new Array();DY=new Array();DX=new Array();for (i=0; i < D.length; i++){Dy[i]=0;Dx[i]=0;DY[i]=0;DX[i]=0}if (ns){for (i=0; i < D.length; i++)document.write('<layer name="nsDate'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props2+D[i]+'</font></center></layer>');for (i=0; i < n; i++)document.write('<layer name="nsFace'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+Face[i]+'</font></center></layer>');for (i=0; i < S.length; i++)document.write('<layer name=nsSeconds'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+sCol+'><center><b>'+S[i]+'</b></center></font></layer>');for (i=0; i < M.length; i++)document.write('<layer name=nsMinutes'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+mCol+'><center><b>'+M[i]+'</b></center></font></layer>');for (i=0; i < H.length; i++)document.write('<layer name=nsHours'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+hCol+'><center><b>'+H[i]+'</b></center></font></layer>');}if (ie){document.write('<div id="Od" style="position:absolute;top:0px;left:0px"><div style="position:relative">');for (i=0; i < D.length; i++)document.write('<div id="ieDate" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props2+D[i]+'</B></font></div>');document.write('</div></div>');document.write('<div id="Of" style="position:absolute;top:0px;left:0px"><div style="position:relative">');for (i=0; i < n; i++)document.write('<div id="ieFace" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+Face[i]+'</B></font></div>');document.write('</div></div>');document.write('<div id="Oh" style="position:absolute;top:0px;left:0px"><div style="position:relative">');for (i=0; i < H.length; i++)document.write('<div id="ieHours" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+hCol+';text-align:center;font-weight:bold">'+H[i]+'</div>');document.write('</div></div>');document.write('<div id="Om" style="position:absolute;top:0px;left:0px"><div style="position:relative">');for (i=0; i < M.length; i++)document.write('<div id="ieMinutes" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+mCol+';text-align:center;font-weight:bold">'+M[i]+'</div>');document.write('</div></div>')document.write('<div id="Os" style="position:absolute;top:0px;left:0px"><div style="position:relative">');for (i=0; i < S.length; i++)document.write('<div id="ieSeconds" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+sCol+';text-align:center;font-weight:bold">'+S[i]+'</div>');document.write('</div></div>')}(ns)?window.captureEvents(Event.MOUSEMOVE):0;function Mouse(evnt){ymouse = (ns)?evnt.pageY+ClockFromMouseY-(window.pageYOffset):event.y+ClockFromMouseY;xmouse = (ns)?evnt.pageX+ClockFromMouseX:event.x+ClockFromMouseX;}(ns)?window.onMouseMove=Mouse:document.onmo usemove=Mouse;function ClockAndAssign(){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;if (ie){Od.style.top=window.document.body.scrollTop;Of.style.top=window.document.body.scrollTop;Oh.styl e.top=window.document.body.scrollTop;Om.style.top=window.document.body.scrollTop;Os.style.top=window .document.body.scrollTop;}for (i=0; i < n; i++){ var F=(ns)?document.layers['nsFace'+i]:ieFace[i].style; F.top=y[i] + ClockHeight*Math.sin(-1.0471 + i*Split*Math.PI/180)+scrll; F.left=x[i] + ClockWidth*Math.cos(-1.0471 + i*Split*Math.PI/180); }for (i=0; i < H.length; i++){ var HL=(ns)?document.layers['nsHours'+i]:ieHours[i].style; HL.top=y[i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll; HL.left=x[i]+HandX+(i*HandWidth)*Math.cos(hrs); }for (i=0; i < M.length; i++){ var ML=(ns)?document.layers['nsMinutes'+i]:ieMinutes[i].style; ML.top=y[i]+HandY+(i*HandHeight)*Math.sin(min)+scrll; ML.left=x[i]+HandX+(i*HandWidth)*Math.cos(min); }for (i=0; i < S.length; i++){ var SL=(ns)?document.layers['nsSeconds'+i]:ieSeconds[i].style; SL.top=y[i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll; SL.left=x[i]+HandX+(i*HandWidth)*Math.cos(sec); }for (i=0; i < D.length; i++){ var DL=(ns)?document.layers['nsDate'+i]:ieDate[i].style; DL.top=Dy[i] + ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/180)+scrll; DL.left=Dx[i] + ClockWidth*1.5*Math.cos(currStep+i*Dsplit*Math.PI/180); }currStep-=step;}function Delay(){scrll=(ns)?window.pageYOffset:0;Dy[0]=Math.round(DY[0]+=((ymouse)-DY[0])*speed);Dx[0]=Math.round(DX[0]+=((xmouse)-DX[0])*speed);for (i=1; i < D.length; i++){Dy[i]=Math.round(DY[i]+=(Dy[i-1]-DY[i])*speed);Dx[i]=Math.round(DX[i]+=(Dx[i-1]-DX[i])*speed);}y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);for (i=1; i < n; i++){y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);}ClockAndAssign();setTimeout('Delay()',20);}if (ns||ie)window.onload=Delay;</SCRIPT></TEXTAREA>
عرض التاريخ بالأشهر و الأيام
<CENTER><SCRIPT>document.write("" + day +myweekday );document.write(month + ", " + year + "");</SCRIPT>الإثنين, 14نيسان , 2008</CENTER>
طريقة التركيب
1- انسخ هذا الكود و ضعه في منطقة HEAD
<TEXTAREA dir=ltr rows=10 cols=30><SCRIPT language=JavaScript>/* Visit our site at <a href="http://www.star28.com/" target="_blank">http://www.star28.com/</a> for more code* Translated By <a href="http://www.star28.com*" target="_blank">www.star28.com*</a> This notice must stay intact for use */<!-- Beginvar day="";var month="";var myweekday="";var year="";mydate = new Date();myday = mydate.getDay();mymonth = mydate.getMonth();myweekday= mydate.getDate();weekday= myweekday;myyear= mydate.getYear();year = myyearif(myday == 0)day = " الأحد, " else if(myday == 1)day = " الإثنين, "else if(myday == 2)day = " الثلاثاء, " else if(myday == 3)day = " الاربعاء, " else if(myday == 4)day = " الخميس, "else if(myday == 5)day = " الجمعة, "else if(myday == 6)day = " السبت, "if(mymonth == 0) {month = "كانون ثاني "}else if(mymonth ==1)month = "شباط "else if(mymonth ==2)month = "آذار "else if(mymonth ==3)month = "نيسان "else if(mymonth ==4)month = "أيار "else if(mymonth ==5)month = "حزيران "else if(mymonth ==6)month = "تموز "else if(mymonth ==7)month = "آب "else if(mymonth ==8)month = "أيلول "else if(mymonth ==9)month = "تشرين أول "else if(mymonth ==10)month = "تشرين ثاني "else if(mymonth ==11)month = "كانون أول "// End --></SCRIPT> </TEXTAREA>
2- انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY
<TEXTAREA dir=ltr rows=10 cols=30><CENTER><SCRIPT>document.write("<b><font face=Tahoma color=#006600 size=1>" + day +myweekday );document.write(month + ", " + year + "</font></b>");</SCRIPT></CENTER></TEXTAREA>
<HR class=hr SIZE=1>
مؤثرات الألوان
غير لون الصفحة بمجرد مرور الماوس على اسم اللون
طريقة التركيب
انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY
<TEXTAREA dir=ltr rows=10 cols=30><center><font face="Tahoma" color="#FF0000">مرر فأرتك على أحد الألوان</font><br> <p align="center"><font face="Tahoma">[<a href="/" onmouseover="document.bgColor='green'">أخضر</a>] [<a href="/" onmouseover="document.bgColor='greem'">أخضر فاتح</a>] [<a href="/" onmouseover="document.bgColor='seagreen'">أخضر عفني</a>] [<a href="/" onmouseover="document.bgColor='red'">أحمر</a>]<br> [<a href="/" onmouseover="document.bgColor='magenta'">وردي غامق</a>] [<a href="/" onmouseover="document.bgColor='fusia'">فوشي</a>] [<a href="/" onmouseover="document.bgColor='pink'">وردي</a>] [<a href="/" onmouseover="document.bgColor='purple'">بنفسجي</a>]<br> [<a href="/" onmouseover="document.bgColor='navy'">كحلي</a>] [<a href="/" onmouseover="document.bgColor='blue'">أزرق</a>] [<a href="/" onmouseover="document.bgColor='royalblue'">أزرق ملكي</a>] [<a href="/" onmouseover="document.bgColor='Skyblue'">أزرق سماوي</a>]<br> [<a href="/" onmouseover="document.bgColor='yellow'">أصفر</a>] [<a href="/" onmouseover="document.bgColor='brown'">بني</a>] [<a href="/" onmouseover="document.bgColor='almond'">أحمر قاني</a>] [<a href="/" onmouseover="document.bgColor='white'">أبيض</a>]<br> [<a href="/" onmouseover="document.bgColor='black'">أسود</a>] [<a href="/" onmouseover="document.bgColor='coral'">مشمشي</a>] [<a href="/" onmouseover="document.bgColor='olivedrab'">زيتوني</a>] [<a href="/" onmouseover="document.bgColor='orange'">برتقالي</a>] </font></center> </TEXTAREA>
كود لجعل الصفحة تمطر
طريقة التركيب
انسخ هذا الكود و ضعه في منطقة BODY
<TEXTAREA dir=ltr rows=10 cols=30><script language="JavaScript">/* This credit MUST stay intact for use *//* Visit our site at <a href="http://www.star28.com/" target="_blank">http://www.star28.com/</a> for more code */<!-- Beginvar no = 50;var speed = 1;var ns4up = (document.layers) ? 1 : 0;var ie4up = (document.all) ? 1 : 0;var s, x, y, sn, cs;var a, r, cx, cy;var i, doc_width = 800, doc_height = 600;if (ns4up) {doc_width = self.innerWidth;doc_height = self.innerHeight;}elseif (ie4up) {doc_width = document.body.clientWidth;doc_height = document.body.clientHeight;}x = new Array();y = new Array();r = new Array();cx = new Array();cy = new Array();s = 8;for (i = 0; i < no; ++ i) { initRain();if (ns4up) {if (i == 0) {document.write("<layer name=\"dot"+ i +"\" left=\"1\" ");document.write("top=\"1\" visibility=\"show\"><font color=\"blue\">");document.write(",</font></layer>");}else {document.write("<layer name=\"dot"+ i +"\" left=\"1\" ");document.write("top=\"1\" visibility=\"show\"><font color=\"blue\">");document.write(",</font></layer>"); }}else if (ie4up) {if (i == 0) {document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");document.write("visible; TOP: 15px; LEFT: 15px;\"><font color=\"blue\">");document.write(",</font></div>");}else {document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");document.write("visible; TOP: 15px; LEFT: 15px;\"><font color=\"blue\">");document.write(",</font></div>"); } }}function initRain() {a = 6;r[i] = 1;sn = Math.sin(a);cs = Math.cos(a);cx[i] = Math.random() * doc_width + 1;cy[i] = Math.random() * doc_height + 1;x[i] = r[i] * sn + cx[i];y[i] = cy[i];}function makeRain() {r[i] = 1;cx[i] = Math.random() * doc_width + 1;cy[i] = 1;x[i] = r[i] * sn + cx[i];y[i] = r[i] * cs + cy[i];}function updateRain() {r[i] += s;x[i] = r[i] * sn + cx[i];y[i] = r[i] * cs + cy[i];}function raindropNS() {for (i = 0; i < no; ++ i) {updateRain();if ((x[i] <= 1) || (x[i] >= (doc_width - 20)) || (y[i] >= (doc_height - 20))) {makeRain();doc_width = self.innerWidth;doc_height = self.innerHeight;}document.layers["dot"+i].top = y[i];document.layers["dot"+i].left = x[i];}setTimeout("raindropNS()", speed);}function raindropIE() {for (i = 0; i < no; ++ i) {updateRain();if ((x[i] <= 1) || (x[i] >= (doc_width - 20)) || (y[i] >= (doc_height - 20))) {makeRain();doc_width = document.body.clientWidth;doc_height = document.body.clientHeight;}document.all["dot"+i].style.pixelTop = y[i];document.all["dot"+i].style.pixelLeft = x[i];}setTimeout("raindropIE()", speed);}if (ns4up) {raindropNS();}elseif (ie4up) {raindropIE();}// End --></script></TEXTAREA>
خلفية تشبه خلفية فيلم ماتريكس
اضغط هنا لمشاهدتها (http://www.star28.com/java/java2/test.html)
طريقة التركيب
انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY
<TEXTAREA dir=ltr rows=10 cols=30> <script language="JavaScript">// Visit our site at <a href="http://www.star28.com/" target="_blank">http://www.star28.com/</a> for more codeif (document.all){Cols=10;Cl=24;Cs=100;Ts=10;Tc='#FF9933';Tc1='#FFCC00';MnS=5;MxS=10;I=Cs;Sp=new Array();S=new Array();Y=new Array();C=new Array();M=new Array();B=new Array();RC=new Array();E=new Array();Tcc=new Array(0,1);document.write("<div id='Container' style='position:absolute;top:0;left:-"+Cs+"'>");document.write("<div style='position:relative'>");for(i=0; i < Cols; i++){S[i]=I+=Cs;document.write("<div id='A' style='position:absolute;top:0;font-family:Arial;font-size:"+Ts+"px;left:"+S[i]+";width:"+Ts+"px;height:0px;color:"+Tc+";visibility:hidden'></div>");}document.write("</div></div>");for(j=0; j < Cols; j++){RC[j]=1+Math.round(Math.random()*Cl); Y[j]=0;Sp[j]=Math.round(MnS+Math.random()*MxS); for(i=0; i < RC[j]; i++){ B[i]=''; C[i]=Math.round(Math.random()*1)+' '; M[j]=B[0]+=C[i]; }}function Cycle(){Container.style.top=window.document.body.scrollTop;for (i=0; i < Cols; i++){var r = Math.floor(Math.random()*Tcc.length);E[i] = '<font color='+Tc1+'>'+Tcc[r]+'</font>';Y[i]+=Sp[i];if (Y[i] > window.document.body.clientHeight){ for(i2=0; i2 < Cols; i2++){ RC[i2]=1+Math.round(Math.random()*Cl); for(i3=0; i3 < RC[i2]; i3++){ B[i3]=''; C[i3]=Math.round(Math.random()*1)+' '; C[Math.floor(Math.random()*i2)]=' '+' '; M[i]=B[0]+=C[i3]; Y[i]=-Ts*M[i].length/1.5; A[i].style.visibility='visible'; } Sp[i]=Math.round(MnS+Math.random()*MxS); }}A[i].style.top=Y[i];A[i].innerHTML=M[i]+' '+E[i]+' ';}setTimeout('Cycle()',20)}Cycle();}// --></script> </TEXTAREA>
<HR class=hr SIZE=1>مؤثرات الماوس
ألوان تتبع الماوس
<LAYER top="10" left="10" name="a0" visibility="show" bgcolor="#ff0000" clip="0,0,2,2"></LAYER><LAYER top="10" left="10" name="a1" visibility="show" bgcolor="#ff8000" clip="0,0,2,2"></LAYER><LAYER top="10" left="10" name="a2" visibility="show" bgcolor="#ffff00" clip="0,0,2,2"></LAYER><LAYER top="10" left="10" name="a3" visibility="show" bgcolor="#00ff00" clip="0,0,2,2"></LAYER><LAYER top="10" left="10" name="a4" visibility="show" bgcolor="#0000ff" clip="0,0,2,2"></LAYER><LAYER top="10" left="10" name="a5" visibility="show" bgcolor="#ff00ff" clip="0,0,2,2"></LAYER><LAYER top="10" left="10" name="a6" visibility="show" bgcolor="#ffffff" clip="0,0,2,2"></LAYER>
طريقة التركيب
1- انسخ هذا الكود و ضعه في منطقة HEAD
<TEXTAREA dir=ltr rows=10 cols=30> <style type="text/css"><!-- #a { position: absolute; top: 10px; left: 10px; visibility: visible }#b { position: absolute; top: 10px; left: 10px; visibility: visible }#c { position: absolute; top: 10px; left: 10px; visibility: visible }#d { position: absolute; top: 10px; left: 10px; visibility: visible }#e { position: absolute; top: 10px; left: 10px; visibility: visible }#f { position: absolute; top: 10px; left: 10px; visibility: visible }#g { position: absolute; top: 10px; left: 10px; visibility: visible } --></style></TEXTAREA>
2- انسخ هذه الأكواد و ضعها بعد BODY
<TEXTAREA dir=ltr rows=10 cols=30><layer name="a0" left="10" top="10" visibility="show" bgcolor="#ff0000" clip="0,0,2,2"></layer><layer name="a1" left="10" top="10" visibility="show" bgcolor="#ff8000" clip="0,0,2,2"></layer><layer name="a2" left="10" top="10" visibility="show" bgcolor="#ffff00" clip="0,0,2,2"></layer><layer name="a3" left="10" top="10" visibility="show" bgcolor="#00ff00" clip="0,0,2,2"></layer><layer name="a4" left="10" top="10" visibility="show" bgcolor="#0000ff" clip="0,0,2,2"></layer><layer name="a5" left="10" top="10" visibility="show" bgcolor="#ff00ff" clip="0,0,2,2"></layer><layer name="a6" left="10" top="10" visibility="show" bgcolor="#ffffff" clip="0,0,2,2"></layer><div id="starsDiv" style="position:absolute;top:0px;left:0px"><div style="position:relative;width:2px;height:2px;background:#ffffff;font-size:1px;visibility:visible"><div style="position:relative;width:2px;height:2px;background:#ffff00;font-size:1px;visibility:visible"><div style="position:relative;width:2px;height:2px;background:#ffa000;font-size:1px;visibility:visible"></div><div style="position:relative;width:2px;height:2px;background:#ff0000;font-size:1px;visibility:visible"></div><div style="position:relative;width:2px;height:2px;background:#00ff00;font-size:1px;visibility:visible"></div><div style="position:relative;width:2px;height:2px;background:#0000ff;font-size:1px;visibility:visible"></div><div style="position:relative;width:2px;height:2px;background:#FF00FF;font-size:1px;visibility:visible"></div></div><script language="JavaScript"><!-- Begin// Original: freeware.de// Web Site: <a href="http://freeware.de" target="_blank">http://freeware.de</a> // MSIE Fix by: Kurt Grigg (kurt.grigg@virgin.net)/* Visit our site at <a href="http://www.star28.com/" target="_blank">http://www.star28.com/</a> for more code* This notice must stay intact for use */function MoveHandler(){Xpos = document.body.scrollLeft + event.x;Ypos = document.body.scrollTop + event.y;}function xMoveHandler(evnt) {Xpos = evnt.pageX;Ypos = evnt.pageY;}if (document.layers) {window.captureEvents(Event.MOUSEMOVE);}var yBase = 200;var xBase = 200;var yAmpl = 10;var yMax = 40;var step = .2;var ystep = .5;var currStep = 0;var tAmpl=1;var Xpos = 1;var Ypos = 1;var i = 0;var j = 0;if (document.all) {document.onmousemove = MoveHandler;}else if (document.layers) {window.onMouseMove = xMoveHandler;}function animateLogo() {if (document.all) {yBase = window.document.body.offsetHeight / 4;xBase = window.document.body.offsetWidth / 4;}else if (document.layers) {yBase = window.innerHeight / 4;xBase = window.innerWidth / 4;}if (document.all) {for (i = 0 ; i < starsDiv.all.length; i++) {starsDiv.all[i].style.top = Ypos + Math.cos((20*Math.sin(currStep/20))+i*70)*yBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + i*25)/10);starsDiv.all[i].style.left = Xpos + Math.sin((20*Math.sin(currStep/20))+i*70)*xBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + i*25)/10); }}else if (document.layers) {for (j = 0; j < 7; j++) { //7 is number of NS layers!var templayer="a" + j;document.layers[templayer].top = Ypos + Math.cos((20*Math.sin(currStep/20))+j*70)*yBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + j*25)/10);document.layers[templayer].left =Xpos + Math.sin((20*Math.sin(currStep/20))+j*70)*xBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + j*25)/10); }}currStep += step;setTimeout("animateLogo()", 10);}animateLogo();// End --></script></TEXTAREA>
ألوان تتبع الماوس 2
طريقة التركيب
انسخ هذا الكود و ضعه في منطقة HEAD
<TEXTAREA dir=ltr rows=10 cols=30><!-- Original: Kurt Grigg (kurt.grigg@virgin.net)) --><!-- Web Site: <a href="http://website.lineone.net/~kurt.grigg/javascript" target="_blank">http://website.lineone.net/~kurt.grigg/javascript</a> --><!-- This script and many more are available free online at --><!-- The JavaScript Source!! <a href="http://javascript.internet.com" target="_blank">http://javascript.internet.com</a> --><script language="JavaScript">/* Visit our site at <a href="http://www.star28.com/" target="_blank">http://www.star28.com/</a> for more code* This notice must stay intact for use */<!-- Beginfunction nMouse(evnt){Ypos = evnt.pageY;Xpos = evnt.pageX;}function iMouse() {Ypos = event.y+document.body.scrollTop;Xpos = event.x+document.body.scrollLeft;}function Comet() {var yBase = (document.layers)?window.innerHeight/4:window.document.body.clientHeight/4;var xBase = (document.layers)?window.innerWidth/4:window.document.body.clientWidth/4;for (i = 0; i < 14; i++){var randCol = Math.round(Math.random()*8);var layer = (document.layers)?document.layers['n'+i]:me[i].style;layer.top =Ypos + yBase*Math.cos((currStep+i*4)/12)*Math.cos(0.7+currStep/200);layer.left = Xpos + xBase*Math.sin((currStep+i*3)/10)*Math.sin(8.2+currStep/400);if (ns) layer.bgColor = Clrs[randCol];elselayer.background = Clrs[randCol];}currStep += step;setTimeout("Comet()",10);}ns = (document.layers)?1:0;Clrs = new Array('ff0000','00ff00','ffffff','ff00ff','ffa500','ffff00','00ff00','ffffff','ff00ff');yBase = 0;xBase = 0;step = 3;currStep = 0;Ypos = 0;Xpos = 0;if (ns){for (i = 0; i < 14; i++)document.write('<LAYER NAME="n'+i+'" LEFT=0 TOP=0 CLIP="0,0,'+i/4+','+i/4+'"></LAYER>');window.captureEvents(Event.MOUSEMOVE); window.onMouseMove = nMouse;}else{document.write('<div style="position:absolute;top:0;left:0"><div style="position:relative">');for (i=0; i < 14; i++){document.write('<div id="me" style="position:absolute;top:0;left:0;width:'+i/4+';height:'+i/4+';font-size:'+i/4+'"></div>');}document.write('</div></div>');document.onmousemove = iMouse;}window.onload = Comet;// End --></script></TEXTAREA>
كلام يتبع الماوس
طريقة التركيب
1- انسخ هذا الكود و ضعه في منطقة HEAD
<TEXTAREA dir=ltr rows=10 cols=30><style>.spanstyle { position:absolute; visibility:visible; top:-50px; font-size:10pt; font-family:Verdana; font-weight:bold; color:black;}</style><script>/* Visit our site at <a href="http://www.star28.com/" target="_blank">http://www.star28.com/</a> for more code* This notice must stay intact for use */var x,yvar step=20var flag=0// Your snappy message. Important: the space at the end of the sentence!!!var message="Welcome!!!"message=message.split("")var xpos=new Array()for (i=0;i<=message.length-1;i++) { xpos[i]=-50}var ypos=new Array()for (i=0;i<=message.length-1;i++) { ypos[i]=-50}function handlerMM(e){ x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY flag=1}function makesnake() { if (flag==1 && document.all) { for (i=message.length-1; i>=1; i--) { xpos[i]=xpos[i-1]+step ypos[i]=ypos[i-1] } xpos[0]=x+step ypos[0]=y for (i=0; i<message.length-1; i++) { var thisspan = eval("span"+(i)+".style") thisspan.posLeft=xpos[i] thisspan.posTop=ypos[i] } } else if (flag==1 && document.layers) { for (i=message.length-1; i>=1; i--) { xpos[i]=xpos[i-1]+step ypos[i]=ypos[i-1] } xpos[0]=x+step ypos[0]=y for (i=0; i<message.length-1; i++) { var thisspan = eval("document.span"+i) thisspan.left=xpos[i] thisspan.top=ypos[i] } } var timer=setTimeout("makesnake()",30)}</script><script><!-- Beginning of JavaScript -for (i=0;i<=message.length-1;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;// - End of JavaScript - --></script></TEXTAREA>
2- ضع هذه الرموز ضمن الوسم BODY لتصبح هكذا
<TEXTAREA dir=ltr rows=5 cols=30> <BODY onLoad="makesnake()" style="width:100%;overflow-x:hidden;overflow-y:scroll"> </TEXTAREA>
كلام يتبع الماوس 2
طريقة التركيب
1- انسخ هذا الكود و ضعه في منطقة HEAD
<TEXTAREA dir=ltr rows=10 cols=30><SCRIPT language="JavaScript1.2"> <!--/* Visit our site at <a href="http://www.star28.com/" target="_blank">http://www.star28.com/</a> for more code Cursor scroller script- By Dynamicdrive.comFor full source, Terms of service, and 100s DTHML scripts*///1) set message to displayvar scroller_msg='مرحباً بكم في المنتدى//2) set whether message should auto disappear after x seconds (0=perpetual).//Note that double clicking page will also dismiss messagevar dismissafter=0function ietruebody(){return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body}var initialvisible=0if (document.all)document.write('<marquee direction="right" id="curscroll" style="position:absolute;width:150px;border:1px solid black;font-size:14px;background-color:white;visibility:hidden">'+scroller_msg+'</marquee>')function followcursor(){//move cursor function for IEif (initialvisible==0){curscroll.style.visibility="visible"initialvisible=1}curscroll.style.left=ietruebody().scrollLeft+event.clientX+10curscroll.style.top=ie truebody().scrollTop+event.clientY+10}function dismissmessage(){curscroll.style.visibility="hidden"}if (document.all){document.onmousemove=followcursordocument.ondblclick=dismissmessageif (dismissafter!=0)setTimeout("dismissmessage()",dismissafter*1000)}//--> </SCRIPT></TEXTAREA>
2- ضع هذه الرموز ضمن الوسم BODY لتصبح هكذا
<TEXTAREA dir=ltr rows=5 cols=30><body style="width:100%;overflow-x:hidden;overflow-y:scroll"> </TEXTAREA>
دوائر جميلة حول مؤشر الماوس
طريقة التركيب
1- انسخ هذا الكود و ضعه في منطقة HEAD
<TEXTAREA dir=ltr rows=10 cols=30> <style TYPE="text/css"><!--#a0 {position:absolute; left:-24; top:-24; width:9; height:25;clip:rect(0 9 9 0);z-index:2000;}#a1 {position:absolute; left:96; top:-24; width:9; height:25;clip:rect(0 9 9 0);z-index:2000;}#a2 {position:absolute; left:216; top:-24; width:9; height:25;clip:rect(0 9 9 0);z-index:2000;}#a3 {position:absolute; left:338; top:-24; width:9; height:25;clip:rect(0 9 9 0);z-index:2000;}#a4 {position:absolute; left:460; top:-24; width:9; height:25;clip:rect(0 9 9 0);z-index:2000;}#a5 {position:absolute; left:640; top:-24; width:9; height:25;clip:rect(0 9 9 0);z-index:2000;}#a6 {position:absolute; left:-24; top:-24; width:9; height:25;clip:rect(0 9 9 0);z-index:2000;}#a7 {position:absolute; left:200; top:-24; width:9; height:25;clip:rect(0 9 9 0);z-index:2000;}#a8 {position:absolute; left:300; top:-24; width:9; height:25;clip:rect(0 9 9 0);z-index:2000;}#a9 {position:absolute; left:600; top:-24; width:9; height:25;clip:rect(0 9 9 0);z-index:2000;}// --></style> </TEXTAREA>
2- غير ضمن الوسم BODY ليصبح مثل هذا
<TEXTAREA dir=ltr rows=7 cols=30> <BODY onLoad="startthedots()"> </TEXTAREA>
3- ضع هذا الكود بعد الوسم BODY
<TEXTAREA dir=ltr rows=10 cols=30> <script LANGUAGE="JavaScript">/*Swirling cursor trail (By Ozone, <a href="http://ozone.com)Featured" target="_blank">http://ozone.com)Featured</a> on JavaScript Kit free JavaScripts with bug fix for IE (<a href="http://javascriptkit.com)Visit" target="_blank">http://javascriptkit.com)Visit</a> our site at <a href="http://www.star28.com/" target="_blank">http://www.star28.com/</a> for more code */window.onerror=null;netscape = (document.layers) ? 1:0;goodIE = (document.all) ? 1:0;document.onmousemove=MoveHandler;var gotthere = 0;var count = 0;var ietopcorner=''var ieleftcorner='' toplocation = new Array( 0,30,57,80,101,125,80,80,101,125,80,0 );temptoplocation = new Array( 50,100,100,150,150,200,200,100,150,150,200,200,0 ); leftlocation = new Array( 0,292,318,181,181,217,263,318,181,181,217,263,-96 );templeftlocation = new Array( 0,0,260,390,420,550,680,390,420,550,680,0 );difftop = new Array( 0,0,0,0,0,0,0,0,0,0,0,0 );diffleft = new Array( 0,0,0,0,0,0,0,0,0,0,0,0 );questtop = -13;questleft2 = -96;if (netscape) { document.body=new Object() document.body.scrollTop='' document.body.scrollLeft='' window.captureEvents(Event.MOUSEMOVE); window.onMouseMove = MoveHandler; var layerstart = "document."; var layerleft = ".left"; var layertop = ".top"; var layerstyle = ""; var windowWidth = window.innerWidth; var windowHeight = window.innerHeight; }else if (goodIE) { ietopcorner=document.body.scrollTop ieleftcorner=document.body.scrollLeft layerstart = "document.all."; layerleft = ".left"; layertop = ".top"; layerstyle = ".style"; windowWidth=600; windowHeight=400; }// end error trapping var Ypos2 = 72; var Xpos2 = 72;function MoveHandler(e) {if (netscape || goodIE) { Xpos2 = (netscape)?e.pageX:event.x Ypos2 = (netscape)?e.pageY:event.yXorigin = Xpos2;Yorigin = Ypos2; if (Ypos2 > windowHeight/2) {if (Xpos2 > windowWidth/2) { direction = 1;} else { direction = -1;} }else {if (Xpos2 > windowWidth/2) { direction = -1;} else { direction = 1;} }}}function startthedots() {if (goodIE) {windowWidth=document.body.clientWidth;windowHeight=document.body.clientHeight; }Xorigin = 204;Yorigin = 147; spin();run(); }var OrbitSize = 200;count=1; delay=100; direction = -1;Count = new Array ( 0, .63, 1.26, 1.89, 2.52, 3.15, 3.78, 4.41, 5.04, 5.67 );Xpoint = new Array ( 0, .63, 1.26, 1.89, 2.52, 3.15, 3.78, 4.41, 5.04, 5.67 );Ypoint = new Array ( 0, .63, 1.26, 1.89, 2.52, 3.15, 3.78, 4.41, 5.04, 5.67 );var speed = -0.06;var offset = 1; function spin() {for ( j = 0 ; j <= 9 ; j++ ) {Count[j] = Count[j] + (speed*direction); Xpoint[j] = Xorigin + ((OrbitSize*Math.sin(Count[j])*offset)); Ypoint[j] = Yorigin + (OrbitSize*Math.cos(Count[j])); }setTimeout('spin()',3); }function run() { count++; for ( j = 0 ; j <= 9 ; j++ ) {difftop[j] = Ypoint[j] - temptoplocation[j];diffleft[j] = Xpoint[j] - templeftlocation[j];diff = 30;temptoplocation[j] = temptoplocation[j] + difftop[j]/diff;templeftlocation[j] = templeftlocation[j] + diffleft[j]/diff; eval(layerstart+"a"+j+layerstyle+layerleft+" = document.body.scrollLeft+templeftlocation["+j+"]"); eval(layerstart+"a"+j+layerstyle+layertop+" = document.body.scrollTop+temptoplocation["+j+"]"); }setTimeout('run()', 25) }badIE = 0;browserName = navigator.appName.substring(0,8);browserVer = parseFloat(navigator.appVersion);macintosh = navigator.userAgent.indexOf("Mac");if (browserName == "Microsof") { if (macintosh != -1) { badIE = 1; }if (browserVer < 4) { badIE = 1; } }</script><div ID="a0" align="center"><img src="swirl.gif" height="9" width="9"></div><div ID="a1" align="center"><img src="swirl.gif" height="9" width="9"></div><div ID="a2" align="center"><img src="swirl.gif" height="9" width="9"></div><div ID="a3" align="center"><img src="swirl.gif" height="9" width="9"></div><div ID="a4" align="center"><img src="swirl.gif" height="9" width="9"></div><div ID="a5" align="center"><img src="swirl.gif" height="9" width="9"></div><div ID="a6" align="center"><img src="swirl.gif" height="9" width="9"></div><div ID="a7" align="center"><img src="swirl.gif" height="9" width="9"></div><div ID="a8" align="center"><img src="swirl.gif" height="9" width="9"></div><div ID="a9" align="center"><img src="swirl.gif" height="9" width="9"></div> </TEXTAREA>
4- اضغط على صورة الدائرة الصغيرة باليمين ثم حفظ باسم و ارفعها الى مجلد صفحة السكربت
http://www.star28.com/java/java4/swirl.gif
كود تغيير مؤشر الماوس بمؤشر آخر جميل
1 - ضع هذا الكود في منطقة رأس الصفحة [ HEAD ]
<TEXTAREA dir=ltr rows=7 cols=30><style>body{CURSOR: url(mouse.cur); }</style> </TEXTAREA>
2 - حمل هذا الملف و فك الضغط عنه ثم ارفع الملف المسمى mouse.cur الى مساحة موقعك (http://www.star28.com/java/java4/mouse.zip)
تقبلوو تحياتي
وترقبوووو المزيد والجديد ان شاء الله