أنـــــــــــــا وجرحي: اكواد

أكواد الجافا ضروريه ونحتاجها كثيرا في تصميم المواقع

اضغط على الزر (ظلل الكل) ثم قم بنسخ الكود ثم لصقه في الموضع المطلوب .... نتمنى أن تجد ماتبحث عنه بهذه الصفحه

ملاحظه : بعض الاكواد عليك بتعديل مابها من روابط وغيره لتتناسب مع موقعك

لالغاء الخطوط التي تظهر تحت الوصلات	كود يجعل الصفحه تهتز لفتره وجيزه بعد دخولك اليها
<head> <style> <!--A:link {text-decoration: none; color: #0000ff;}A:visited {text-decoration: none; color: #0000FF;}A:active {text-decoration: none; color:#FF0000; }A:hover {text-decoration: none; color: #ff0000;font-size:16 ;}//--> </style> </head>	<script language="JavaScript"> <!--- bName = navigator.appName; bVer = parseInt(navigator.appVersion); if (bName == "Netscape" && bVer == 3) ver = "n3"; else if (bName == "Netscape" && bVer == 2) ver = "n2"; else if (bName == "Netscape" && bVer >= 4) ver = "n4"; else if (bName == "Microsoft Internet Explorer" && bVer == 2) ver = "e3"; else if (bName == "Microsoft Internet Explorer" && bVer > 2) ver = "e4"; if (navigator.appVersion.indexOf("Mac") != -1) ver+="m"; function shake() { if (ver == "n4" \|\| ver == "n4m" \|\| ver == "e4" \|\| ver == "e4m") { for (i = 10; i > 0; i--) { for (z = 4; z > 0; z--) { self.moveBy(0,i); self.moveBy(i,0); self.moveBy(0,-i); self.moveBy(-i,0); } } } } setTimeout('shake()',5000); // ---> </script>
كود يجعل الزائر يختار لون الخلفيه لصفحتك	لاختيار لون الخلفيه
<script language="JavaScript"> <!-- function backbs(clr) { document.bgColor = clr } //--> </script> <form> <input type="button" value="ازرق فاتح" onclick="backbs('aqua')"> <input type="button" value="اصفر" onclick="backbs('yellow')"> <input type="button" value="أحمر " onclick="backbs('red')"> <input type="button" value="ابيض" onclick="backbs('white')"> <input type="button" value="رصاصي" onclick="backbs('gray')"> </form>	<FORM name="back"> <SELECT name="g" onChange="change()"> <OPTION VALUE="aqua">ازرق فاتح <OPTION VALUE="green">اخضر <OPTION VALUE="orange">برتقالي <OPTION VALUE="yellow">اصفر <OPTION VALUE="purple">بنفسجي <OPTION VALUE="gray">رصاصي <OPTION VALUE="pink">وردي <OPTION VALUE="lavender">جي فاتح <OPTION VALUE="khaki">ككاوي <OPTION VALUE="skyblue">ازرق سماوي <OPTION VALUE="white" SELECTED>ابيض </SELECT> <INPUT TYPE="button" VALUE="اختار اللون"> </FORM> <script language="Javascript"> <!-- // function change() { document.bgColor = document.back.g.options[document.back.g.selectedIndex].value } //--> </script>
كود للوحه الترشيح لموقعك	كود لعمل خلفيه مضيئه
<!--webbot bot="HTMLMarkup" endspan --><!--webbot bot="HTMLMarkup" startspan --><script language="JavaScript"> <!-- The JavaScript Source!! http://adobhost.com --> function vote () { vote4alnadeem=window.open("http://arank.com/cgi-bin/rank/rankem.cgi?action=in&id=kocktailقم بتبديل الوصله"); } function cancel () {} if (confirm("هل ترشحني لأفضل 100 موقع عربي")) { vote(); } else cancel() // --></script><!--webbot bot="HTMLMarkup" endspan --></p> <div align="center"><center>	<script language="JavaScript"> <!-- This script and many more are available free online at --> <!-- The JavaScript Source!! http://javascript.internet.com --> <!-- Hide from old browsers var Color= new Array(9); Color[1] = "ff"; Color[2] = "ee"; Color[3] = "dd"; Color[4] = "cc"; Color[5] = "bb"; Color[6] = "aa"; Color[7] = "99"; Color[8] = "88"; Color[9] = "77"; Color[10] = "66"; Color[11] = "55"; Color[12] = "44"; Color[13] = "33"; Color[14] = "22"; Color[15] = "11"; Color[16] = "00"; /* Do not display text on a fading background. Instead, let it fade in and out once or twice, then load a new page. */ function fadeIn(where) { if (where >= 1) { document.bgColor="#" + Color[where] +"0000"; where -= 1; setTimeout("fadeIn("+where+")", 15); } else { setTimeout('fadeOut(1)', 15); } } function fadeOut(where) { if (where <=16) { document.bgColor="#" + Color[where] +"0000"; where += 1; setTimeout("fadeOut("+where+")", 15) } else { setTimeout("fadeIn(16)", 15); // window.location.href="http://www.netscape.com/"; } } // Unhide --> </script> ثم انسخ هذا الكود في منطقة الجسم <body onload="fadeIn(16)">
تأثيرات الماوس	عرض الصفحه تلقائيا
<!-- TWO STEPS TO INSTALL STARS: 1. Copy the coding into the HEAD of your HTML document 2. Add the last code into the BODY of your HTML document --> <!-- STEP ONE: Paste this code into the HEAD of your HTML document --> <HEAD> <style type="text/css"> <!-- Begin 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 } End CSS --> </style> </HEAD> <!-- STEP TWO: Copy this code into the BODY of your HTML document --> <BODY> <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:2px;visibility:visible"></div> <div style="position:relative;width:2px;height:2px;background:#ffff00;font-size:2px;visibility:visible"></div> <div style="position:relative;width:2px;height:2px;background:#ffa000;font-size:2px;visibility:visible"></div> <div style="position:relative;width:2px;height:2px;background:#ff0000;font-size:2px;visibility:visible"></div> <div style="position:relative;width:2px;height:2px;background:#00ff00;font-size:2px;visibility:visible"></div> <div style="position:relative;width:2px;height:2px;background:#0000ff;font-size:2px;visibility:visible"></div> <div style="position:relative;width:2px;height:2px;background:#FF00FF;font-size:2px;visibility:visible"></div> </div> <script language="JavaScript"> <!-- Original: freeware.de --> <!-- Web Site: http://freeware.de --> <!-- MSIE Fix by: Kurt Grigg (kurt.grigg@virgin.net) --> <!-- Begin 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) { function MoveHandler(){ Xpos = document.body.scrollLeft + event.x; Ypos = document.body.scrollTop + event.y; } document.onmousemove = MoveHandler; } else if (document.layers) { function xMoveHandler(evnt) { Xpos = evnt.pageX; Ypos = evnt.pageY; } 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((20Math.sin(currStep/20))+i70)yBase(Math.sin(10+currStep/10)+0.2)Math.cos((currStep + i25)/10); starsDiv.all[i].style.left = Xpos + Math.sin((20Math.sin(currStep/20))+i70)xBase(Math.sin(10+currStep/10)+0.2)Math.cos((currStep + i25)/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((20Math.sin(currStep/20))+j70)yBase(Math.sin(10+currStep/10)+0.2)Math.cos((currStep + j25)/10); document.layers[templayer].left =Xpos + Math.sin((20Math.sin(currStep/20))+j70)xBase(Math.sin(10+currStep/10)+0.2)Math.cos((currStep + j25)/10); } } currStep += step; setTimeout("animateLogo()", 10); } animateLogo(); // End --> </script> <p><center> <font face="arial, helvetica" size="-2">Free JavaScripts provided<br> by <a href="http://javascriptsource.com">The JavaScript Source</a></font> </center><p> <!-- Script Size: 4.21 KB -->	<script language="JavaScript1.2"> //change 1 to another integer to alter the scroll speed. Greater is faster var speed=1 var currentpos=0,alt=1,curpos1=0,curpos2=-1 function initialize(){ startit() } function scrollwindow(){ if (document.all) temp=document.body.scrollTop else temp=window.pageYOffset if (alt==0) alt=1 else alt=0 if (alt==0) curpos1=temp else curpos2=temp if (curpos1!=curpos2){ if (document.all) currentpos=document.body.scrollTop+speed else currentpos=window.pageYOffset+speed window.scroll(0,currentpos) } else{ currentpos=30 window.scroll(0,currentpos) } } function startit(){ setInterval("scrollwindow()",30) } window.onload=initialize </script>
لعمل خلفية ثلوج متساقطه أو أي صوره بديله	تأثير نص يتبع الماوس
!-- TWO STEPS TO INSTALL SNOW: 1. Copy the coding into the BODY of your HTML document 2. Save the snow.gif image to your web site directory --> <!-- STEP ONE: Paste this code into the BODY of your HTML document --> <BODY> <SCRIPT LANGUAGE="JavaScript1.2"> <!-- Original: Altan (snow@altan.hr) --> <!-- Web Site: http://www.altan.hr/snow --> <!-- This script and many more are available free online at --> <!-- The JavaScript Source!! http://javascript.internet.com --> <!-- Begin var no = 25; // snow number var speed = 10; // smaller number moves the snow faster var snowflake = "http://www.your-web-site-address-here.com/snow.gif"; var ns4up = (document.layers) ? 1 : 0; // browser sniffer var ie4up = (document.all) ? 1 : 0; var dx, xp, yp; // coordinate and position variables var am, stx, sty; // amplitude and step variables var i, doc_width = 800, doc_height = 600; if (ns4up) { doc_width = self.innerWidth; doc_height = self.innerHeight; } else if (ie4up) { doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } dx = new Array(); xp = new Array(); yp = new Array(); am = new Array(); stx = new Array(); sty = new Array(); for (i = 0; i < no; ++ i) { dx[i] = 0; // set coordinate variables xp[i] = Math.random()(doc_width-50); // set position variables yp[i] = Math.random()doc_height; am[i] = Math.random()20; // set amplitude variables stx[i] = 0.02 + Math.random()/10; // set step variables sty[i] = 0.7 + Math.random(); // set step variables if (ns4up) { // set layers if (i == 0) { document.write("<layer name=\"dot"+ i +"\" left=\"15\" "); document.write("top=\"15\" visibility=\"show\"><img src=\""); document.write(snowflake + "\" border=\"0\"></layer>"); } else { document.write("<layer name=\"dot"+ i +"\" left=\"15\" "); document.write("top=\"15\" visibility=\"show\"><img src=\""); document.write(snowflake + "\" border=\"0\"></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;\"><img src=\""); document.write(snowflake + "\" border=\"0\"></div>"); } else { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\""); document.write(snowflake + "\" border=\"0\"></div>"); } } } function snowNS() { // Netscape main animation function for (i = 0; i < no; ++ i) { // iterate for every dot yp[i] += sty[i]; if (yp[i] > doc_height-50) { xp[i] = Math.random()(doc_width-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = self.innerWidth; doc_height = self.innerHeight; } dx[i] += stx[i]; document.layers["dot"+i].top = yp[i]; document.layers["dot"+i].left = xp[i] + am[i]Math.sin(dx[i]); } setTimeout("snowNS()", speed); } function snowIE() { // IE main animation function for (i = 0; i < no; ++ i) { // iterate for every dot yp[i] += sty[i]; if (yp[i] > doc_height-50) { xp[i] = Math.random()(doc_width-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } dx[i] += stx[i]; document.all["dot"+i].style.pixelTop = yp[i]; document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]); } setTimeout("snowIE()", speed); } if (ns4up) { snowNS(); } else if (ie4up) { snowIE(); } // End --> </script> <!-- STEP TWO: Save the snow.gif image to your web site directory -> <!-- Go to http://javascript.internet.com/img/snow/snow.gif Right-click the image and "Save Image As..." --> <p><center> <font face="arial, helvetica" size="-2">Free JavaScripts provided<br> by <a href="http://javascriptsource.com">The JavaScript Source</a></font> </center><p> <!-- Script Size: 3.39 KB -->	<!-- THREE STEPS TO INSTALL MOUSE BANNER: 1. Copy the coding into the HEAD of your HTML document 2. Add the last code into the BODY tag your HTML document 3. Put the final code inside the BODY of your HTML page --> <!-- STEP ONE: Paste this code into the HEAD of your HTML document --> <HEAD> <style>.spanstyle { COLOR: white; FONT-FAMILY: Verdana; FONT-SIZE: 8pt; FONT-WEIGHT: bold; POSITION: absolute; TOP: -50px; VISIBILITY: visible } </style> <SCRIPT LANGUAGE="JavaScript"> <!-- Original: Peter Gehrig --> <!-- Web Site: http://www.24fun.ch --> <!-- This script and many more are available free online at --> <!-- The JavaScript Source!! http://javascript.internet.com --> <!-- Begin var x, y; var step = 10; var flag = 0; var message = "JavaScript is so cool !! "; 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()", 10); } // End --> </script> </HEAD> <!-- STEP TWO: Copy this code into the BODY tag od your HTML document --> <body bgcolor="#000080" text="#000000" onload="makesnake()" style="OVERFLOW-X: hidden; OVERFLOW-Y: scroll; WIDTH: 100%"> <!-- STEP THREE: Put the final code inside the BODY of your HTML document --> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin 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 --> </script> <p><center> <font face="arial, helvetica" SIZE="-2">Free JavaScripts provided<br> by <a href="http://javascriptsource.com">The JavaScript Source</a></font> </center><p> <!-- Script Size: 2.08 KB -->
منع خاصية الزر الايمن للماوس2	منع خاصية الزر الايمن للماوس
<BODY oncontextmenu="return false" onselectstart="return false" ondragstart="return false">	<script language="JavaScript"> <!-- function click() { if (event.button==2) { alert('لا تحاول ممنوع يعني ممنوع'); } } document.onmousedown=click // --> // --> </script>
كــود يعمل على تحديث الصفحه	كود لعرض الملفات التي لديك في السي
<input type="Button" name="lukk" value=" لتحديث الصفحه" style="font-size: x-small; font-family: Tahoma; font-weight: normal; color: BLAC; background-color: #FFFFC6;" onClick="javascript:location.reload()">	<!-- TWO STEPS TO INSTALL CHECK ENTRY: 1. Copy the coding into the HEAD of your HTML document 2. Add the last code into the BODY of your HTML document --> <!-- STEP ONE: Paste this code into the HEAD of your HTML document --> <HEAD> <SCRIPT LANGUAGE="JavaScript"> <!-- This script and many more are available free online at --> <!-- The JavaScript Source!! http://javascript.internet.com --> <!-- Begin function validate(){ var invalid = " "; // Invalid character is a space if (document.submitform.filename.value.indexOf(invalid) > -1) { alert("Sorry, spaces are not allowed."); return false; } else { return true; } } // End --> </script> </HEAD> <!-- STEP TWO: Copy this code into the BODY of your HTML document --> <BODY> <center> <form name=submitform onSubmit="return validate()"> <input type=file name=filename> <p> <input type=submit value="Submit"> </form> </center> <p><center> <font face="arial, helvetica" size="-2">Free JavaScripts provided<br> by <a href="http://javascriptsource.com">The JavaScript Source</a></font> </center><p> <!-- Script Size: 0.95 KB -->
اخر تحديث للصفحه بالتاريخ واليوم	كود لعمل تحديث اتوماتيكي للصفحه
<SCRIPT LANGUAGE="JavaScript"> <!-- This script and many more are available free online at --> <!-- The JavaScript Source!! http://www.geocities.com/planet9000 --> <!-- Begin var days = new Array(8); days[1] = "الاحد"; days[2] = "الاثنين"; days[3] = "الثلاثاء"; days[4] = "الاربعاء"; days[5] = "الخميس"; days[6] = "الجمعة"; days[7] = "السبت"; var months = new Array(13); months[1] = "January"; months[2] = "February"; months[3] = "March"; months[4] = "April"; months[5] = "May"; months[6] = "June"; months[7] = "July"; months[8] = "August"; months[9] = "September"; months[10] = "October"; months[11] = "November1"; months[12] = "December"; var dateObj = new Date(document.lastModified) var wday = days[dateObj.getDay() + 1] var lmonth = months[dateObj.getMonth() + 1] var date = dateObj.getDate() var fyear =+ dateObj.getYear() document.write(wday + ", " + lmonth + " " + date + ", " + fyear) // End --> </SCRIPT>	<script> <!-- /* Auto Refresh Page with Time script By Website Abstraction (wsabstract.com) Over 200+ free scripts here! / //enter refresh time in "minutes:seconds" Minutes should range from 0 to inifinity. Seconds should range from 0 to 59 var limit="0:30" if (document.images){ var parselimit=limit.split(":") parselimit=parselimit[0]60+parselimit[1]*1 } function beginrefresh(){ if (!document.images) return if (parselimit==1) window.location.reload() else{ parselimit-=1 curmin=Math.floor(parselimit/60) cursec=parselimit%60 if (curmin!=0) curtime=curmin+" minutes and "+cursec+" seconds left until page refresh!" else curtime=cursec+" seconds left until page refresh!" window.status=curtime setTimeout("beginrefresh()",1000) } } window.onload=beginrefresh //--> </script>
صفحة البدء (الهوم بيج)	آخر تحديث للصفحه
<a class="chlnk" style="cursor:hand" HREF onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://adobhost.com');"><font size="3">صفحة البدء</font></a>	<SCRIPT language=JavaScript>function showdate() { var months=new Array(13); months[1]="January"; months[2]="February"; months[3]="March"; months[4]="April"; months[5]="May"; months[6]="June"; months[7]="July"; months[8]="August"; months[9]="September"; months[10]="October"; months[11]="November"; months[12]="December"; var time=new Date(); var lmonth=months[time.getMonth() + 1]; var date=time.getDate(); var year=time.getYear(); if ((navigator.appName == "Microsoft Internet Explorer") && (year < 2000)) year="19" + year; if (navigator.appName == "Netscape") year=1900 + year; document.write("<left><font size=1 face=\"tahoma,Helvetica\">" + lmonth + " "); document.write(date + ", " + year + "</font></left>"); }</SCRIPT> <SCRIPT language=JavaScript><!-- showdate();//--></SCRIPT> <LEFT><FONT face=tahoma,Helvetica size=1>اخرتحديث في</FONT></LEFT> </body>
لوحه تظهر مرتين عند فتح واغلاق الصفحه	أضف للمفضله
<!-- This script has been in the http://www.javascripts.com Javascript Public Library! --> <!-- Note that though this material may have been in a public depository, certain author copyright restrictions may apply. --> <html> <head> <title>alert script</title> </head> <body> <BODY BGCOLOR="######" onLoad="alert('مرحبا بك عزيزى الزائر');" onUnload="alert('مع السلامه');"> <CENTER> <A href="" onmouseover="window.open ('');" "xavtron@hotmail.com" ""> </body> </html> <!-- Simba says Roar. -->	<a href="javascript:window.external.AddFavorite('http://www.adobhost.com',%20'(((AdobHost )))')">أضف موقعنا لمفضلتك http://www.adobhost.com/ </a>

درجة وضوح الشاشه	نوع المستعرض ونظام التشغيل
document.write(screen.width + " x " + screen.height)	<center> <script language="Javascript"> <!-- //http://adobhost.com document.write("انت تستعمل: <b>"+navigator.appName+" "+navigator.appVersion+"</b>"); //--> </script> </center>
موقع داخل موقعك	تقويم
<IFRAME WIDTH=100% HEIGHT=300 SRC="http://adobhost.com"></IFRAME>	<!-- JavaScript immediate script --> <SCRIPT LANGUAGE="JavaScript"> <!-- // Copyright 1996 - Tomer and Yehuda Shiran // This example will appear in our forthcoming book on JavaScript. // Feel free to "steal" this code provided that you leave this notice as is. // Additional examples from the book can be found at http://www.geocities.com/SiliconValley/9000/ // For more information contact Tomer or Yehuda Shiran <yshiran@iil.intel.com> setCal() function getTime() { // initialize time-related variables with current time settings var now = new Date() var hour = now.getHours() var minute = now.getMinutes() now = null var ampm = "" // validate hour values and set value of ampm if (hour >= 12) { hour -= 12 ampm = "PM" } else ampm = "AM" hour = (hour == 0) ? 12 : hour // add zero digit to a one digit minute if (minute < 10) minute = "0" + minute // do not parse this number! // return time string return hour + ":" + minute + " " + ampm } function leapYear(year) { if (year % 4 == 0) // basic rule return true // is leap year /* else */ // else not needed when statement is "return" return false // is not leap year } function getDays(month, year) { // create array to hold number of days in each month var ar = new Array(12) ar[0] = 31 // January ar[1] = (leapYear(year)) ? 29 : 28 // February ar[2] = 31 // March ar[3] = 30 // April ar[4] = 31 // May ar[5] = 30 // June ar[6] = 31 // July ar[7] = 31 // August ar[8] = 30 // September ar[9] = 31 // October ar[10] = 30 // November ar[11] = 31 // December // return number of days in the specified month (parameter) return ar[month] } function getMonthName(month) { // create array to hold name of each month var ar = new Array(12) ar[0] = "January" ar[1] = "February" ar[2] = "March" ar[3] = "April" ar[4] = "May" ar[5] = "June" ar[6] = "July" ar[7] = "August" ar[8] = "September" ar[9] = "October" ar[10] = "November" ar[11] = "December" // return name of specified month (parameter) return ar[month] } function setCal() { // standard time attributes var now = new Date() var year = now.getYear() var month = now.getMonth() var monthName = getMonthName(month) var date = now.getDate() now = null // create instance of first day of month, and extract the day on which it occurs var firstDayInstance = new Date(year, month, 1) var firstDay = firstDayInstance.getDay() firstDayInstance = null // number of days in current month var days = getDays(month, year) // call function to draw calendar drawCal(firstDay + 1, days, date, monthName, 1900 + year) function drawCal(firstDay, lastDate, date, monthName, year) { // constant table settings var headerHeight = 50 // height of the table's header cell var border = 2 // 3D height of table's border var cellspacing = 4 // width of table's border var headerColor = "midnightblue" // color of table's header var headerSize = "+3" // size of tables header font var colWidth = 60 // width of columns in table var dayCellHeight = 25 // height of cells containing days of the week var dayColor = "darkblue" // color of font representing week days var cellHeight = 40 // height of cells representing dates in the calendar var todayColor = "red" // color specifying today's date in the calendar var timeColor = "purple" // color of font representing current time // create basic table structure var text = "" // initialize accumulative variable to empty string text += '<CENTER>' text += '<TABLE BORDER=' + border + ' CELLSPACING=' + cellspacing + '>' // table settings text += '<TH COLSPAN=7 HEIGHT=' + headerHeight + '>' // create table header cell text += '<FONT COLOR="' + headerColor + '" SIZE=' + headerSize + '>' // set font for table header text += monthName + ' ' + year text += '</FONT>' // close table header's font settings text += '</TH>' // close header cell // variables to hold constant settings var openCol = '<TD WIDTH=' + colWidth + ' HEIGHT=' + dayCellHeight + '>' openCol += '<FONT COLOR="' + dayColor + '">' var closeCol = '</FONT></TD>' // create array of abbreviated day names var weekDay = new Array(7) weekDay[0] = "Sun" weekDay[1] = "Mon" weekDay[2] = "Tues" weekDay[3] = "Wed" weekDay[4] = "Thu" weekDay[5] = "Fri" weekDay[6] = "Sat" // create first row of table to set column width and specify week day text += '<TR ALIGN="center" VALIGN="center">' for (var dayNum = 0; dayNum < 7; ++dayNum) { text += openCol + weekDay[dayNum] + closeCol } text += '</TR>' // declaration and initialization of two variables to help with tables var digit = 1 var curCell = 1 for (var row = 1; row <= Math.ceil((lastDate + firstDay - 1) / 7); ++row) { text += '<TR ALIGN="right" VALIGN="top">' for (var col = 1; col <= 7; ++col) { if (digit > lastDate) break if (curCell < firstDay) { text += '<TD></TD>'; curCell++ } else { if (digit == date) { // current cell represent today's date text += '<TD HEIGHT=' + cellHeight + '>' text += '<FONT COLOR="' + todayColor + '">' text += digit text += '</FONT><BR>' text += '<FONT COLOR="' + timeColor + '" SIZE=2>' text += '<CENTER>' + getTime() + '</CENTER>' text += '</FONT>' text += '</TD>' } else text += '<TD HEIGHT=' + cellHeight + '>' + digit + '</TD>' digit++ } } text += '</TR>' } // close all basic table tags text += '</TABLE>' text += '</CENTER>' // print accumulative HTML string document.write(text) } // --> </SCRIPT>
قائمه جميله لترتيب وصلات موقعك	رابط يكبر عند مرور الفاره
<script language="Javascript"> <!-- // please keep these lines on when you copy the source // made by: adobhost.com function go2place() { document.location = document.advml.uls.options[document.advml.uls.selectedIndex].value } //--> </script> <form name="advml"> <p align="center"><select name="uls" multiple size="9" onchange="go2place()"> <option value="index.htm">الرئيسية</option> <option value="mobile.htm">موبايل</option> <option value="adver.htm">للاعلان</option> <option value="fcards.htm">بطاقات</option> <option value="romancee.htm">رومانسيات</option> <option value="/vb">منتديات</option> <option value="program.htm">ركن البرامج</option> <option value="web.htm">فرونت بيج</option> <option value="java.htm">مكتبة الجافا</option> <option value="design.htm">تصميم مواقع</option> <option value="mailto:xxxx@xxxx">لمراسلتنا</option> </select> </p> </form> <p align="center"><a href="http://www.adobhost.com/"><font color="#FF00FF" size="4"><strong>AdobHost.com</strong></font></a></p>	<style> <!-- A:link {text-decoration: none; color: #FF0000;} A:visited {text-decoration: none; color: #0000FF;} A:active {text-decoration: none; color:#FF0000; } A:hover {text-decoration: none; color: #000080;font-size:20 ;} //--> </style>
قائمه متحركه ترافق تحرك الصفحه	قائمه منسدله لترتيب وصلات موقعك
هذا الكود يتكون من خطوتان الخطوه الاولى عليك بإضافة هذا الكود OnLoad="setVariables();checkLocation()" في رأس الجسم <body bgcolor="#FFFFFF"> بين علامة التنصيص الاخيرة والقوس والخطوه الثانية إضافة بقية الكود بين ما سبق والواصفة </body> وانسخ كود الخطوه الثانية <SCRIPT LANGUAGE="JavaScript"> /* Created by Randy Bennet http://home.thezone.net/~rbennett/utility/javahead.htm Featured on Website Abstraction (http://wsabstract.com) For this and over 400+ free scripts, visit http://wsabstract.com */ function setVariables() { if (navigator.appName == "Netscape") { v=".top="; dS="document."; sD=""; y="window.pageYOffset"; } else { v=".pixelTop="; dS=""; sD=".style"; y="document.body.scrollTop"; } } function checkLocation() { object="object1"; yy=eval(y); eval(dS+object+sD+v+yy); setTimeout("checkLocation()",10); } </script> <div id="object1" style="position:absolute; visibility:show; left:0px; top:0px; z-index:5"> <table width=150 border=0 cellspacing=20 cellpadding=0 > <tr> <td bgcolor=" #800000"><CENTER><font face="Tahoma" size="2" color="#FFFF00">محتويات الموقع</font></CENTER></td> </tr> <tr> <td bgcolor="#B88E83"> <p align="center"><a href="index.htm" ><font face="Tahoma" size="2" color="#FFFF00">الرئيسية</font></a></p> </td> </tr> <tr> <td bgcolor="#B88E83"> <p align="center"><a href="design.htm" ><font face="Tahoma" size="2" color="#FFFF00">تصميم</font></a></p> </td> </tr> <tr> <td bgcolor="#B88E83"> <p align="center"><a href="front.htm" ><font face="Tahoma" size="2" color="#FFFF00">فرونت بيج</font></a></p></td> </tr> <tr> <td bgcolor="#B88E83"> <p align="center"><a href="contact.htm" ><font face="Tahoma" size="2" color="#FFFF00">اتصل بنا</font></a></p></td> </tr> </table> </div> <p align="center"><a href="http://www.adobhost.com/"><font color="#FF00FF" size="4"><strong>AdobHost.com</strong></font></a></p>	<form name="guideform"> <p align="center"><select name="guidelinks" size="1" onchange="window.location=document.guideform.guidelinks.options[document.guideform.guidelinks.selectedIndex].value"> <option selected value="javascript:void(0)">ـــ اختر من القائمة ـــ</option> <option value="index.htm">الرئيسية</option> <option value="adv.htm">للاعلان</option> <option value="web.htm">تصميم مواقع</option> <option value="fcards.htm">بطاقات</option> <option value="romancee.htm">رومانسيات</option> <option value="java.htm">مكتبة الجافا</option> <option value="programs.htm">ركن البرامج</option> <option value="front.htm">فرونت بيج</option> </select> </p> </form> <p align="center"><a href="http://www.adobhost.com/"><font color="#FF00FF" size="4"><strong>AdobHost.com</strong></font></a></p>
حركه جميله والوان تتبع الماوس	قائمه متحركه تنزل الى الصفحه بطريقة جميله
<LAYER NAME="a0" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffffff" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a1" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#fff000" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a2" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffa000" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a3" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ff00ff" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a4" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#00ff00" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a5" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FF00FF" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a6" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FF0000" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a7" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffffff" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a8" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#fff000" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a9" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffa000" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a10" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ff00ff" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a11" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#00ff00" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a12" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#0000ff" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a13" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FF0000" CLIP="0,0,2,2"></LAYER> <script language="JavaScript"> /* Magic Wand cursor II (By Kurt at kurt.grigg@virgin.net) Modified and permission granted to Dynamic Drive to feature script in archive For full source, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com / if (document.all){ with (document){ write('<div id="starsDiv" style="position:absolute;top:0px;left:0px">') write('<div style="position:relative;width:1px;height:1px;background:#ffffff;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#00ff00;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#ffffff;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#fff000;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#ffa000;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#ff00ff;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#00ff00;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#0000ff;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:3px;height:3px;background:#FF0000;font-size:3px;visibility:visible"></div>') write('</div>') } } if (document.layers) {window.captureEvents(Event.MOUSEMOVE);} var yBase = 200; var xBase = 200; var step = 1; var currStep = 0; var Xpos = 1; var Ypos = 1; if (document.all) { function MoveHandler(){ Xpos = document.body.scrollLeft+event.x; Ypos = document.body.scrollTop+event.y; } document.onmousemove = MoveHandler; } else if (document.layers) { function xMoveHandler(evnt){ Xpos = evnt.pageX; Ypos = evnt.pageY; } window.onMouseMove = xMoveHandler; } function animateLogo() { if (document.all) { yBase = window.document.body.offsetHeight/6; xBase = window.document.body.offsetWidth/6; } else if (document.layers) { yBase = window.innerHeight/8; xBase = window.innerWidth/8; } if (document.all) { for ( i = 0 ; i < starsDiv.all.length ; i++ ) { starsDiv.all[i].style.top = Ypos + yBaseMath.sin((currStep + i4)/12)Math.cos(400+currStep/200); starsDiv.all[i].style.left = Xpos + xBaseMath.sin((currStep + i3)/10)Math.sin(currStep/200); } } else if (document.layers) { for ( j = 0 ; j < 14 ; j++ ) //number of NS layers! { var templayer="a"+j document.layers[templayer].top = Ypos + yBaseMath.sin((currStep + j4)/12)Math.cos(400+currStep/200); document.layers[templayer].left = Xpos + xBaseMath.sin((currStep + j3)/10)*Math.sin(currStep/200); } } currStep+= step; setTimeout("animateLogo()", 10); } animateLogo(); </script> <p align="center"><a href="http://www.adobhost.com/"><font color="#FF00FF" size="4"><strong>AdobHost.com</strong></font></a></p>	هذا الكود يتكون من 3 خطوات الخطوه الاولى عليك بإضافة هذا الكود <SCRIPT LANGUAGE="JavaScript"> <!-- Original: Randy Bennett (rbennett@thezone.net) --> <!-- Web Site: http://home.thezone.net/~rbennett/utility/javahead.htm --> <!-- This script and many more are available free online at --> <!-- The JavaScript Source!! http://javascript.internet.com --> <!-- Begin function buildMenu() { speed=35; topdistance=100; items=6; y=-50; ob=1; if (navigator.appName == "Netscape") { v=".top=",dS="document.",sD=""; } else { v=".pixelTop=",dS="",sD=".style"; } } function scrollItems() { if (ob<items+1) { objectX="object"+ob; y+=10; eval(dS + objectX + sD + v + y); if (y<topdistance) setTimeout("scrollItems()",speed); else y=-50, topdistance+=40, ob+=1, setTimeout("scrollItems()",speed); } } // End --> </SCRIPT> في منطقة الرأس أي بين الواصفتين <head>- </head> الخطوه الثانية عليك بإضافة هذا الكود onLoad="buildMenu(), scrollItems();" في رأس الجسم <body bgcolor="#FFFFFF"> بين علامة التنصيص الاخيرة والقوس والخطوه الثالثة إضافة بقية الكود بين الواصفتين <body> - </body> وهذا كود الخطوه الثالثة <div id="object1" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2"> <table border=1 width=150 bgcolor=D9B3B3> <td><center> <a href=index.htm><font color="#ffff00" size="3" face="Tahoma"> الرئيسية</font></a> </center></td> </table> </div> <div id="object2" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2"> <table border=1 width=150 bgcolor=D9B3B3> <td><center> <a href=design.htm><font color="#ffff00" size="3" face="Tahoma">تصميم</font></a></center></td> </table> </div> <div id="object3" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2"> <table border=1 width=150 bgcolor=D9B3B3> <td><center> <a href=web.htm><font color="#ffff00" size="3" face="Tahoma">فرونت بيج</font></a> </center></td> </table> </div> <div id="object4" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2"> <table border=1 width=150 bgcolor=D9B3B3> <td><center> <a href=romancee.htm><font color="#ffff00" size="3" face="Tahoma">رومانسيات</font></a> </center></td> </table> </div> <div id="object5" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2"> <table border=1 width=150 bgcolor=D9B3B3> <td><center> <a href=fcards.htm><font color="#ffff00" size="3" face="Tahoma">بطاقات فلاش</font></a> </center></td> </table> </div> <div id="object6" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2"> <table border=1 width=150 bgcolor=D9B3B3> <td><center> <a href=contact.htm><font color="#ffff00" size="3" face="Tahoma">اتصل بنا</font></a> </center></td> </table> </div> <p align="center"><a href="http://www.adobhost.com/"><font color="#FF00FF" size="4"><strong>AdobHost.com</strong></font></a></p>
عباره أو اسم موقعك يتبع الماوس بشكل اخر	عباره أو اسم موقعك يتبع الماوس
<SCRIPT language=JavaScript1.2> <!-- <p align="center"><a href="http://www.adobhost.com/"><font color="#FF00FF" size="4"><strong>AdobHost.com</strong></font></a></p> /* Cursor Trailer II (By Kurt at kurt.grigg@virgin.net) Modified and featured on Dynamicdrive.com For full source, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com / var message='AdobHost.com'; var messagecolor='orange' //Enter number of seconds for message to display (0=perpetual) var dismissafter=0 ///no need to edit below///////// var amount=5,ypos=0,xpos=0,Ay=0,Ax=0,By=0,Bx=0,Cy=0,Cx=0,Dy=0,Dx=0,Ey=0,Ex=0; if (document.layers){ for (i = 0; i < amount; i++) {document.write('<layer name=ns'+i+' top=0 left=0><font face="Courier New" size=3 color='+messagecolor+'>'+message+'</font></layer>')} window.captureEvents(Event.MOUSEMOVE); function nsmouse(evnt){xpos = evnt.pageX;ypos = evnt.pageY;makefollow()} } else if (document.all){ document.write("<div id='outer' style='position:absolute;top:0px;left:0px'>"); document.write("<div id='inner' style='position:relative'>"); for (i = 0; i < amount; i++) {document.write('<div id="text"'+i+' style="position:absolute;top:0px;left:0px;font-family:Courier New;font-size:16px;color:'+messagecolor+'">'+message+'</div>')} document.write("</div>"); document.write("</div>"); function iemouse(){ypos = document.body.scrollTop + event.y;xpos = document.body.scrollLeft + event.x;makefollow()} } function makefollow(){ if (document.layers){ document.layers["ns0"].top=ay;document.layers["ns0"].left=ax; document.layers["ns1"].top=by;document.layers["ns1"].left=bx; document.layers["ns2"].top=cy;document.layers["ns2"].left=cx; document.layers["ns3"].top=Dy;document.layers["ns3"].left=Dx; document.layers["ns4"].top=Ey;document.layers["ns4"].left=Ex; } else if (document.all){ outer.all.inner.all[0].style.pixelTop=ay;outer.all.inner.all[0].style.pixelLeft=ax; outer.all.inner.all[1].style.pixelTop=by;outer.all.inner.all[1].style.pixelLeft=bx; outer.all.inner.all[2].style.pixelTop=cy;outer.all.inner.all[2].style.pixelLeft=cx; outer.all.inner.all[3].style.pixelTop=Dy;outer.all.inner.all[3].style.pixelLeft=Dx; outer.all.inner.all[4].style.pixelTop=Ey;outer.all.inner.all[4].style.pixelLeft=Ex; } } function move(){ if (dismissafter!=0) setTimeout("hidetrail()",dismissafter1000) if (document.layers){window.onMouseMove = nsmouse} else if (document.all){window.document.onmousemove = iemouse} ey = Math.round(Ey+=((ypos+20)-Ey)2/2);ex = Math.round(Ex+=((xpos+20)-Ex)2/2); dy = Math.round(Dy+=(ey - Dy)2/4);dx = Math.round(Dx+=(ex - Dx)2/4); cy = Math.round(Cy+=(dy - Cy)2/6);cx = Math.round(Cx+=(dx - Cx)2/6); by = Math.round(By+=(cy - By)2/8);bx = Math.round(Bx+=(cx - Bx)2/8); ay = Math.round(Ay+= (by - Ay)2/10);ax = Math.round(Ax+= (bx - Ax)2/10); makefollow(); jumpstart=setTimeout('move()',10); } function hidetrail(){ if (document.all){ for (i2=0;i2<amount;i2++){ outer.all.inner.all[i2].style.visibility="hidden" clearTimeout(jumpstart) } } else if (document.layers){ for (i2=0;i2<amount;i2++){ temp="ns"+i2 document.layers[temp].visibility="hide" clearTimeout(jumpstart) } } } window.onload=move; //--> </SCRIPT>	هذا الكود يتكون من خطوتان الخطوه الاولى عليك بإضافة هذا الكود <style>.spanstyle { COLOR: orange; FONT-FAMILY: Verdana; FONT-SIZE: 8pt; FONT-WEIGHT: bold; POSITION: absolute; TOP: -50px; VISIBILITY: visible } </style> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin var x, y; var step = 10; var flag = 0; var message = "AdobHost.Com - Java page "; 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()", 10); } // End --> </script> في منطقة الرأس أي بين الواصفتين <head>- </head> والخطوه الثانية إضافة بقية الكود بين الواصفتين <body> - </body> وهذا كود الخطوه الثانية <body onload="makesnake()" style="OVERFLOW-X: hidden; OVERFLOW-Y: scroll; WIDTH: 100%"> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin 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 --> </script> <p align="center"><a href="http://www.adobhost.com/"><font color="#FF00FF" size="4"><strong>AdobHost.com</strong></font></a></p>
تأثير ملون يتبع الماوس	ورده تتبع الماوس
<LAYER NAME="a0" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffffff" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a1" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#fff000" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a2" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffa000" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a3" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ff00ff" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a4" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#00ff00" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a5" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FF00FF" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a6" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FF0000" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a7" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffffff" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a8" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#fff000" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a9" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffa000" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a10" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ff00ff" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a11" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#00ff00" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a12" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#0000ff" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a13" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FF0000" CLIP="0,0,3,3"></LAYER> <script language="JavaScript"> /* Magic Wand cursor (By Kurt at kurt.grigg@virgin.net) Modified and permission granted to Dynamic Drive to feature script in archive For full source, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com / if (document.all){ with (document){ write('<div id="starsDiv" style="position:absolute;top:0px;left:0px">') write('<div style="position:relative;width:1px;height:1px;background:#ffffff;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#00ff00;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#ffffff;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#fff000;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#ffa000;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#ff00ff;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#00ff00;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#0000ff;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:3px;height:3px;background:#FF0000;font-size:3px;visibility:visible"></div>') write('</div>') } } var Clrs=new Array(6) Clrs[0]='ff0000'; Clrs[1]='00ff00'; Clrs[2]='000aff'; Clrs[3]='ff00ff'; Clrs[4]='fff000'; Clrs[5]='fffff0'; if (document.layers) {window.captureEvents(Event.MOUSEMOVE);} var yBase = 200; var xBase = 200; var step; var currStep = 0; var Xpos = 1; var Ypos = 1; if (document.all) { function MoveHandler(){ Xpos = document.body.scrollLeft+event.x; Ypos = document.body.scrollTop+event.y; } document.onmousemove = MoveHandler; } else if (document.layers) { function xMoveHandler(evnt){ Xpos = evnt.pageX; Ypos = evnt.pageY; } 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++ ) {step=3; starsDiv.all[i].style.top = Ypos + yBaseMath.cos((currStep + i4)/12)Math.cos(0.7+currStep/200); starsDiv.all[i].style.left = Xpos + xBaseMath.sin((currStep + i3)/10)Math.sin(8.2+currStep/400); for (ai=0; ai < Clrs.length; ai++) { var c=Math.round(Math.random()[ai]); } starsDiv.all[i].style.background=Clrs[c]; } } else if (document.layers) { for ( j = 0 ; j < 14 ; j++ ) //number of NS layers! {step = 4; var templayer="a"+j document.layers[templayer].top = Ypos + yBaseMath.sin((currStep + j4)/12)Math.cos(0.7+currStep/200); document.layers[templayer].left = Xpos + xBaseMath.sin((currStep + j3)/10)Math.sin(8.2+currStep/400); for (aj=0; aj < Clrs.length; aj++) { var c=Math.round(Math.random()*[aj]); } document.layers[templayer].bgColor=Clrs[c]; } } currStep+= step; setTimeout("animateLogo()", 10); } animateLogo(); // --> </script> <p align="center"><a href="http://www.adobhost.com"><font color="#FF00FF" size="4"><strong>AdobHost.com</strong></font></a></p>	هذا الكود يتكون من خطوتان الخطوه الاولى عليك بإضافة هذا الكود <SCRIPT LANGUAGE="javascript" TYPE="text/javascript"> /* Submitted by Mike McGrath http://website.lineone.net/~mike_mcgrath Featured on Website Abstraction (http://adobhost.com) For this and over 400+ free scripts, visit http://wsabstract.com / var nav = (document.layers); var tmr = null; var spd = 50; var x = 0; var x_offset = 5; var y = 0; var y_offset = 15; if(nav) document.captureEvents(Event.MOUSEMOVE); document.onmousemove = get_mouse; function get_mouse(e) { x = (nav) ? e.pageX : event.clientX+document.body.scrollLeft; y = (nav) ? e.pageY : event.clientY+document.body.scrollTop; x += x_offset; y += y_offset; beam(1); } function beam(n) { if(n<5) { if(nav) { eval("document.div"+n+".top="+y); eval("document.div"+n+".left="+x); eval("document.div"+n+".visibility='visible'"); } else { eval("div"+n+".style.top="+y); eval("div"+n+".style.left="+x); eval("div"+n+".style.visibility='visible'"); } n++; tmr=setTimeout("beam("+n+")",spd); } else { clearTimeout(tmr); fade(4); } } function fade(n) { if(n>0) { if(nav)eval("document.div"+n+".visibility='hidden'"); else eval("div"+n+".style.visibility='hidden'"); n--; tmr=setTimeout("fade("+n+")",spd); } else clearTimeout(tmr); } // --> </SCRIPT> <STYLE TYPE="text/css"> <!-- BODY{ overflow:scroll; overflow-x:hidden; } .s1 { position : absolute; font-size : 10pt; color : blue; visibility: hidden; } .s2 { position : absolute; font-size : 18pt; color : red; visibility : hidden; } .s3 { position : absolute; font-size : 14pt; color : gold; visibility : hidden; } .s4 { position : absolute; font-size : 12pt; color : lime; visibility : hidden; } //--> </STYLE> في منطقة الرأس أي بين الواصفتين <head>- </head> والخطوه الثانية إضافة بقية الكود بين الواصفتين <body> - </body> وهذا كود الخطوه الثانية <DIV ID="div1" CLASS="s1"></DIV> <DIV ID="div2" CLASS="s2"></DIV> <DIV ID="div3" CLASS="s3"></DIV> <DIV ID="div4" CLASS="s4">*</DIV> <p align="center"><a href="http://www.adobhost.com/"><font color="#FF00FF" size="4"><strong>AdobHost.com</strong></font></a></p>
عرض وصف عن الرابط , جربه	وصلة تعرض لك مصدر الصفحه اضغط هنا لمشاهدة مصدر هذه الصفحة
<script> //For full source code and TOS, visit http://www.adobhost.com //change link descriptions to your own. Extend as needed var linktext=new Array() linktext[0]="زر كوكتيل بلانت للمزيد من سكربتات الجافا" linktext[1]="مكتب الجافا بكوكتيل" linktext[2]="جافا" linktext[3]="خدمات تصميم" linktext[4]="برامج" linktext[5]="دروس" var ns6=document.getElementById&&!document.all var ie=document.all function show_text(thetext, whichdiv){ if (ie) eval("document.all."+whichdiv).innerHTML=linktext[thetext] else if (ns6) document.getElementById(whichdiv).innerHTML=linktext[thetext] } function reset(whichdiv){ if (ie) eval("document.all."+whichdiv).innerHTML=' ' else if (ns6) document.getElementById(whichdiv).innerHTML=' ' } </script> <!-- show_text(index# of linktext[] to show, ID of div to write to) --> <p> <a href="http://adobhost.com" onMouseover="show_text(0,'div1')" onMouseout="reset('div1')">بلانت</a> \| <a href="http://adobhost.com/java/java.htm" onMouseover="show_text(1,'div1')" onMouseout="reset('div1')">خدمات تصميم</a> \| <a href="http://adobhost.com/design.htm" onMouseover="show_text(2,'div1')" onMouseout="reset('div1')"></a> <br> <span id="div1"> </span> <p> <a href="http://adobhost.com/services/download.htm" onMouseover="show_text(3,'div2')" onMouseout="reset('div2')">دروس</a> \| <a href="http://adobhost.com/tutorials/tutorials.htm" onMouseover="show_text(4,'div2')" onMouseout="reset('div2')">Britannica</a> \| <a href="http://adobhost.com/tutorials/tutorials.htm" onMouseover="show_text(5,'div2')" onMouseout="reset('div2')">دروس</a> <br> <i><span id="div2"> </span></i>	<script> <!-- /* View-source script credit: By Website Abstraction (http://www.adobhost.com/) Over 200+ free JavaScripts here! */ function viewthesource(){ window.location="view-source:"+window.location } //--> </script> <p><a href="javascript:viewthesource()">اضغط هنا لمشاهدة مصدر هذه الصفحة</a> </p> <p align="center"> </p> <p align="center"><a href="http://www.adobhost.com/"><font size="3" face="arial"><strong>adobhost.com</strong></font></a><font size="3" face="arial"><strong> </strong></font></p>
كود لعمل تاثير بسيط عند وضع الماوس على الرابط , ضعه بين الرمزين <HEAD> </HEAD>	خيار رائع جدا يمكن الزوار من الاختيار بين فتح الوصلات بنافذه جديده او عدم فتحها
<STYLE>A:link { COLOR: #008000; TEXT-DECORATION: none } A:visited { COLOR: #008000; TEXT-DECORATION: none } A:active { COLOR: #000000; TEXT-DECORATION: none } A:hover { COLOR: #000000; TEXT-DECORATION: none } </STYLE>	<SCRIPT LANGUAGE="JavaScript"> <!-- /***************************************** * Open links in new window Script-الخطوه الاولى:اضف هذا الكود بالاسفل الى الهيدر في موقعك http://www.adobhost.com/ Modified by DD. This notice must stay intact for use *****************************************/ //Enter "_blank" for new window (each time), "window2" for a set secondary window var newwindow="_blank" function hyperlinks(target){ if (target) where = newwindow; else where = "_self"; for (var i=0; i<=(document.links.length-1); i++){ if (target && where!="_blank") //adobhost.com added routine- open window in set secondary window document.links[i].onclick=function(){ if (window.window2 && !window2.closed) window2.location=this.href else window2=window.open(this.href) window2.focus() return false } else{ if (newwindow=="window2") document.links[i].onclick = ""; document.links[i].target = where; } } } function inithyperlinks(){ //adobhost.com added routine if (document.targetform.targetnew.checked) hyperlinks(true) } window.onload=inithyperlinks // --> </SCRIPT> الخطوه الثانيه اضف هذا الكود بالاسفل الى الجسم او بالمكان التي تود به ظهور الكود <FORM name="targetform"><INPUT TYPE="checkbox" NAME="targetnew" ONCLICK="hyperlinks(this.checked)" checked> <b>افتح الروابط في صفحة جديده</b></FORM>