ركن الجافا

بيت الجــافـــا

هذا الكود للكتابة الوامضة أسفل الصفحة في الستاتيوس بار

هذا الكود عبارة عن ذنب من الأحرف يلاحق الماوس (فقط حروف انجليزية)

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1256"> <meta name="GENERATOR" content="Microsoft FrontPage 4.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <title>New Page 2</title> <TITLE>mouse</TITLE> <META name="description" content=""> <META name="keywords" content=""> <style>.spanstyle { COLOR: white; FONT-FAMILY: Verdana; FONT-SIZE: 8pt; FONT-WEIGHT: bold; POSITION: absolute; TOP: -50px; VISIBILITY: visible } </style> <SCRIPT LANGUAGE="JavaScript"> var x, y; var step = 10; var flag = 0; var message = "aldalell "; 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> <body bgcolor="#ffff00" text="#ffff00" onload="makesnake()" style="#666633"; OVERFLOW-Y: scroll; WIDTH: 100%"> <SCRIPT LANGUAGE="JavaScript">  </script> <//--><//"--> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT>  </BODY> </HTML>

امنع زائرك من استخدام الزر الأيمن

محرك بحث متطور لموقعك

هذا الكود لكليك يحدث الصفحة

<input type="Button" name="lukk" value=" " style="font-size: x-small; font-family: Times; font-weight: normal; color: BLAC; background-color: #FFFFC6;" onClick="javascript:location.reload()">

هذا السكريبت يعرض لك التاريخ

طلب الترشيح من خلال صندوق صغير يظهر عند الدخول إلى الصفحة

هذا الكود يعمل على اظهار رابط عند مرور الماوس عليه يفتح تلقائياً

<a href="" onmouseover="parent.location='http://www.arank.com/arank/in.php?id=honhon> </A>

كود " أضف إلى المفضلة"

<a href="javascript:window.external.AddFavorite('http://www.aldalell.4t.com/',%20'')">سجل في مفضلتك عنوان الموقع http://www.aldalell.4t.com/</a>

فتح صفحة مع بداية صفحة أخرى

<HEAD> <SCRIPT LANGUAGE="JavaScript">   </script>  <BODY onLoad="javascript:popUp()">

هذا الكود لوضع قائمة اختيار

<center> <HEAD> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </HEAD> <BODY> <center> <form name="form"> <select name="site" size=1> <option value="http://www.sokotra.com"target="mainwindow"">الصفحة الرئيسية <option value="http://www.geocities.com/sokotra/sokotra.html ">جزيرة سقطرى <option value="http://geocities.com/sokotra/shebamstars.html">النجوم الشباميه <option value="http://pub.alxnet.com/guestbook?id=1238497">شاهدسجل الزوار <option value="http://www.geocities.com/sokotra/getemail.html;">بريد مجاني من سقطرى </select> <input type=button value="أذهب" onClick="javascript:formHandler()"> </form> </center>

هذا الكود لإحصاء عدد المرات الذي يدخلها الزائر بالصفحة واظهارها له

<div align="center"> <center> <table border="1" width="40%" height="30" bordercolor="#C0C0C0"> <tr> <td width="100%" align="center" height="1" colspan="3"> <script language="Javascript">  </script> <script language="Javascript">  </script> </td> </tr><p>

هذا الكود يظهر لك كتابة مشتعلة جميلة جداً

هذا الكود يعطيك نافذة اعلانات صغيرة

<center><marquee direction="up" width="200" height="50" style="TAHOMA: 150%; font-size: 18pt; color: BLUE; border-style: ridge; border-color: #0066FF" bgcolor="#ffff00" scrolldelay="70" scrollamount="3"> <br> <center>الدليل يرحب بكم <br> <br> </marquee></center> <br>

هذا الكود يجعل لك الرابط يومض بألوان مختلفة

©<script language="JavaScript">  </script>

هذا الكود لوضع صورة ثابتة في الموقع لا تتحرك

<script language="JavaScript1.2"> if (document.all) document.body.style.cssText="background:white url(question.gif) no-repeat fixed center center" </script>

هذا الكود لجعل الصفحة تتحرك اوتاميتيكياً من الأعلى إلى الأسفل

هذا الكود لإضافة آلة حاسبة جميلة للموقع

<BODY> <CENTER> <FORM name="Keypad" action="">   <TABLE> <B> <TABLE border=2 width=50 height=60 cellpadding=1 cellspacing=5> <TR> <TD colspan=3 align=middle> <input name="ReadOut" type="Text" size=24 value="0" width=100%> </TD> <TD </TD> <TD> <input name="btnClear" type="Button" value=" C " onclick="Clear()"> </TD> <TD><input name="btnClearEntry" type="Button" value=" CE " onclick="ClearEntry()"> </TD> </TR> <TR> <TD> <input name="btnSeven" type="Button" value=" 7 " onclick="NumPressed(7)"> </TD> <TD> <input name="btnEight" type="Button" value=" 8 " onclick="NumPressed(8)"> </TD> <TD> <input name="btnNine" type="Button" value=" 9 " onclick="NumPressed(9)"> </TD> <TD> </TD> <TD> <input name="btnNeg" type="Button" value=" +/- " onclick="Neg()"> </TD> <TD> <input name="btnPercent" type="Button" value=" % " onclick="Percent()"> </TD> </TR> <TR> <TD> <input name="btnFour" type="Button" value=" 4 " onclick="NumPressed(4)"> </TD> <TD> <input name="btnFive" type="Button" value=" 5 " onclick="NumPressed(5)"> </TD> <TD> <input name="btnSix" type="Button" value=" 6 " onclick="NumPressed(6)"> </TD> <TD> </TD> <TD align=middle><input name="btnPlus" type="Button" value=" + " onclick="Operation('+')"> </TD> <TD align=middle><input name="btnMinus" type="Button" value=" - " onclick="Operation('-')"> </TD> </TR> <TR> <TD> <input name="btnOne" type="Button" value=" 1 " onclick="NumPressed(1)"> </TD> <TD> <input name="btnTwo" type="Button" value=" 2 " onclick="NumPressed(2)"> </TD> <TD> <input name="btnThree" type="Button" value=" 3 " onclick="NumPressed(3)"> </TD> <TD> </TD> <TD align=middle><input name="btnMultiply" type="Button" value=" * " onclick="Operation('*')"> </TD> <TD align=middle><input name="btnDivide" type="Button" value=" / " onclick="Operation('/')"> </TD> </TR> <TR> <TD> <input name="btnZero" type="Button" value=" 0 " onclick="NumPressed(0)"> </TD> <TD> <input name="btnDecimal" type="Button" value=" . " onclick="Decimal()"> </TD> <TD colspan=3> </TD> <TD> <input name="btnEquals" type="Button" value=" = " onclick="Operation('=')"> </TD> </TR> </TABLE> </TABLE> </B> </FORM> </CENTER> <font face="Verdana, Arial, Helvetica" size=2> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT>

هذا الكود لإضافة ساعة

<div id=Clock align=center style="font-family: tahoma; font-size: 14; color:لون الساعة"> </div> <script> function tick() { var hours, minutes, seconds, ap; var intHours, intMinutes, intSeconds; var today; today = new Date(); intHours = today.getHours(); intMinutes = today.getMinutes(); intSeconds = today.getSeconds(); if (intHours == 0) { hours = "12:"; ap = "بعد متصف الليل"; } else if (intHours < 12) { hours = intHours+":"; ap = "صباحا"; } else if (intHours == 12) { hours = "12:"; ap = "ظهرا"; } else { intHours = intHours - 12 hours = intHours + ":"; ap = "مساءا"; } if (intMinutes < 10) { minutes = "0"+intMinutes+":"; } else { minutes = intMinutes+":"; } if (intSeconds < 10) { seconds = "0"+intSeconds+" "; } else { seconds = intSeconds+" "; } timeString = hours+minutes+seconds+ap; Clock.innerHTML = timeString; window.setTimeout("tick();", 100); } window.onload = tick; </script>

هذا الكود لعمل تحية للزوار حسب الوقت

<center> <script language="Javascript">  //http://www.khayma.com/hamed </script> </center>

كود تاريخ جميل جداً...

<img src="http://cgibin.erols.com/cgi-bin/Count.cgi?display=date&dformat=DDMMYY&ft=3&tr=N&dd=C">

كتابة جميلة جداً

<p><span id="theText" style="width:100%"> </p> <p align="center"><font color="#FFF9F2" size="5" face="Monotype Koufi"><strong>نصك يظهر هنا</strong></font><font color="#FFF9F2" size="4" face="Tahoma"><strong> </strong></font><font color="#FFF9F2" size="6"><strong> </span><script language="JavaScript"></script> </strong></font></p>

عبارة ثابتة في أسفل شريط المعلومات

عبارة تتحرك في مستطيل

رسالة تتغير مع كل زيارة

كتابة براقة

<h2> <script language="JavaScript1.2"> */ var message="مرحباً بكم في الدليل الفلسطيني" var neonbasecolor="gray" var neontextcolor="yellow" var flashspeed=100 //in milliseconds ///No need to edit below this line///// var n=0 if (document.all){ document.write('<font color="'+neonbasecolor+'">') for (m=0;m<message.length;m++) document.write('<span id="neonlight">'+message.charAt(m)+'</span>') document.write('</font>') //cache reference to neonlight array var tempref=document.all.neonlight } else document.write(message) function neon(){ //Change all letters to base color if (n==0){ for (m=0;m<message.length;m++) tempref[m].style.color=neonbasecolor } //cycle through and change individual letters to neon color tempref[n].style.color=neontextcolor if (n<tempref.length-1) n++ else{ n=0 clearInterval(flashing) setTimeout("beginneon()",1500) return } } function beginneon(){ if (document.all) flashing=setInterval("neon()",flashspeed) } beginneon() </script> </h2>

نافذة من غير اطارات أو شريط تمرير تفتح عند الضغط على زر

1- ضع الكود التالي في منطقة الراس : <SCRIPT LANGUAGE="JavaScript">  </script> 2- ضع الكود التالي في أي مكان من منطقة الجسم : <form> <input type=button value="اضغط هنا" onClick="javascript:popUp()"> </form>

يمكنك وضع صفحة داخل صفحتك

<IFRAME WIDTH=100% HEIGHT=300 SRC="http://your site"></IFRAME>

إغلاق الصفحة

 <a href="javascript:self.close()">أغلق الصفحة</a>

لعبة x o

<SCRIPT LANGUAGE="LiveScript">  </SCRIPT> <FORM> <INPUT SIZE=1 NAME="a0" OnFocus="complain(this)"> <INPUT TYPE="button" NAME="b0" OnClick="clickit(this)"> <INPUT SIZE=1 NAME="a1" OnFocus="complain(this)"> <INPUT TYPE="button" NAME="b1" OnClick="clickit(this)"> <INPUT SIZE=1 NAME="a2" OnFocus="complain(this)"> <INPUT TYPE="button" NAME="b2" OnClick="clickit(this)"><BR> <INPUT SIZE=1 NAME="a3" OnFocus="complain(this)"> <INPUT TYPE="button" NAME="b3" OnClick="clickit(this)"> <INPUT SIZE=1 NAME="a4" OnFocus="complain(this)"> <INPUT TYPE="button" NAME="b4" OnClick="clickit(this)"> <INPUT SIZE=1 NAME="a5" OnFocus="complain(this)"> <INPUT TYPE="button" NAME="b5" OnClick="clickit(this)"><BR> <INPUT SIZE=1 NAME="a6" OnFocus="complain(this)"> <INPUT TYPE="button" NAME="b6" OnClick="clickit(this)"> <INPUT SIZE=1 NAME="a7" OnFocus="complain(this)"> <INPUT TYPE="button" NAME="b7" OnClick="clickit(this)"> <INPUT SIZE=1 NAME="a8" OnFocus="complain(this)"> <INPUT TYPE="button" NAME="b8" OnClick="clickit(this)"><BR> <table border=0><tr><td> Message:</td><td> <INPUT NAME="output" TYPE="text"></td></tr> <tr><td>Difficulty: </td><td><SELECT NAME="difficulty" OnChange="diff=form.difficulty[form.difficulty.selectedIndex].value;"> <OPTION VALUE=1> Very Easy <OPTION VALUE=2> Easy <OPTION VALUE=3 SELECTED> Medium <OPTION VALUE=4> Hard (may think a long time) </SELECT></td></tr> <tr><td></td><td><INPUT TYPE="button" VALUE="Computer Moves First" OnClick="if (!step++) this.form.a4.value='O';"></td></tr> <tr><td></td> <td><INPUT TYPE="reset" VALUE="Restart" OnClick="clear_all(this.form)"></td></tr> </table> </FORM>

ساعة تظهر في أعلى الإكسبلورر

كود يغير لون خلفية الموقع مع كل زيارة

هذا الكود يتكون من خطوتان الخطوه الاولى عليك بإضافة هذا الكود onload="randombackground()" في رأس الجسم <body bgcolor="#cc0000"> بين علامة التنصيص الاخيرة والقوس والخطوه الثانية إضافة بقية الكود بين ما سبق والواصفة </body> وهذا كود الخطوه الثانية <script language="Javascript">  </script>

زر عادي

<form><INPUT TYPE="button" VALUE="BUTTON DESCRIPTION" onClick="parent.location='ضع عنوان الموقع هنا'"></form>

زر متغير

1- الصق الكود التالي في منطقة الرأس مع مراعاة أن الصور هنا هي التي ستظهر عند مرور الفارة على الزر <SCRIPT LANGUAGE="JavaScript">  </script> 2- قم بلصق الكود التالي في منطقة الجسم في المنطقة التي تريد للزر أن يظهر فيها : <a href="عنوان الصفحة التي سينتقل اليها الزائر عند الضغط على الزر مع امتدادها" onmouseover="image1.src='عنوان الزر الأول الذي سيظهر عند مرور الفارة مع امتداده';" onmouseout="image1.src='عنوان الزر الأول الذي سيظهر قبل مرور الفارة مع امتداده';"> <img name="image1" src="عنوان الزر الأول الذي سيظهر قبل مرور الفارة مع امتداده" border=0></a> 3- قم بتكرار الكود الموجود في منطقة الجسم للزر الثاني والثالث بنفس طريقة الكود الأول في المكان التي تريد للأزرار أن تظهر فيها مع مراعاة تغيير رقم الصورة إلى 2 و 3 4- اذا اردت زيادة عدد الازرار التي تتغير عند مرور الفارة عليها قم بإضافة كودها اللازم في منطقة الرأس والجسم بنفس طريقة الأزرار السابقة أيضا مع مراعاة تغيير أرقام الأزرار الى 4 و 5 مع مراعاة تغيير عناوينها وكتابة الامتداد . ملاحظة : قم بتحرير الكود في المفكرة قبل لصقه في صفحتك .

زر متحرّك

ضع هذا الكود في منطقة الراس <SCRIPT language=JavaScript>  </SCRIPT> ضع هذا السكريبت في منطقة الجسم <SCRIPT language=JavaScript>  </SCRIPT>

تأثير

تأثير 2

تأثير 3

حرب النجوم

<SCRIPT LANGUAGE="JavaScript"> // ---- Make array function MakeArray( n){ this.length = n; for (var i = 1; i <= n; i++) { this[i] = 0 } return this } // ----- poor man's random number var d0 = new Date(); var r0 = d0.getSeconds(); function poor_rand(){ d1 = new Date(); r0 = (r0 * r0 + r0 + d1.getSeconds()) % 3721 ; return r0 % width_n; } // ---- Parameters of game var height_n = 8; var width_n =5; // ---- state of game var enemy = new MakeArray( width_n); // enemy positions var wtime; // wait time var score; // points var gameover; // in case of gameover set to true function gamememe(){ // ----- Make the battlefield. document.write( "<FORM NAME='fm1'>"); document.write( "<INPUT TYPE='text' NAME='message' SIZE=20>"); document.write( "</FORM>"); document.write( "<FORM NAME='fm2'><TABLE>"); for( var i=0; i<height_n; i++){ document.write( "<TR>"); for( var j=0;j<width_n; j++){ document.write( "<TD><CENTER><INPUT TYPE='radio'>"+ "</CENTER></TD>"); } document.write( "</TR>"); } document.write( "<TR>"); for( var j=0;j<width_n; j++){ document.write( "<TD><INPUT TYPE='button' VALUE='هنا'"+ " onClick='fire("+ j + ")'></TD>"); } document.write( "</TR>"); document.write( "</TABLE>"); document.write( "<INPUT TYPE='button' VALUE='ابدا'"+ " onClick='game_start()'>"); document.write( "</FORM>"); } // ----- game main timer event // ----- enemy come one step function come(){ var n = poor_rand(); document.fm2.elements[ width_n * enemy[n+1] + n].checked=true; enemy[n+1]++; if( enemy[n+1] < height_n){ setTimeout("come()", wtime); }else{ gameover = true; document.fm1.message.value = "GAME OVER:" + score ; } } // ----- Fire the n th beam function fire( n){ if( gameover ) return; for( var i=0; i<enemy[n+1]; i++){ // clear enemy document.fm2.elements[ width_n * i + n].checked = false; } score += enemy[ n+1]; document.fm1.message.value = "Points:" + score; enemy[ n+1] = 0; if( wtime > 100){ wtime -= 10}; } // ---- initialize & start game function game_start(){ for( var n=0; n<width_n; n++){ for( var i=0; i<enemy[n+1]; i++){ document.fm2.elements[ width_n * i + n].checked = false; } enemy[n+1] = 0; } wtime = 400; score = 0; gameover = false; document.fm1.message.value = "Points:" + score; setTimeout("come()", wtime); } // --> </SCRIPT> <script language="JavaScript"></script>

هذا الكود لساعة متطورة

<html> <head> <title>JavaFILE</title> <script LANGUAGE="JavaScript">    </script> <base target="leftframe"> </head> <body BGCOLOR="#ffffff" link="#CC0033" vlink="#333399" alink="#FF0000" onLoad="showTheTime()">  <form name="form"> <div align="center"><center><p><input type="text" name="showTime" size="11"></p> </center></div><div align="center"><center><p><input type="radio" name="showMilitary" checked>24 ساعه<br> <input type="radio" name="showMilitary">12 ساعه<br> </font></p> </center></div> </form> </td> </tr> </table>  </body> </html>

هذا الكود لعمل تقويم سهل

<BODY> <CENTER> <SCRIPT LANGUAGE="JavaScript">    </SCRIPT> </CENTER>

تحديث الصفحة 2

هذا الكود من أهم الأكواد، حيث يغير لون الأداة التي تحرك الصفحة

هذا الكود لكتابة تاريخ آخر مرة حدثت فيها الصفحة

هذا الكود لعمل رسالة

لعبة تخمين الرقم

<HEAD> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT>  <BODY onLoad="load()">  <FORM name=game> <div align="center"> <center> <table border="4" cellpadding="4" cellspacing="0" width="21%" bordercolorlight="#000000" bordercolordark="#000000" bordercolor="#000000" bgcolor="#004084"> <tr> <td width="100%"> <table border="0" cellpadding="0" cellspacing="0" width="51%"> <tr> <td width="100%" bordercolor="#004084"><font face="Tahoma" color="#FFFFFF" size="4"><b>حدود الأرقام:</b></font> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td width="50%"><font face="Tahoma" color="#FFFFFF" size="2"><b>من :<br> <input type=text name=from size=10></b></font></td> <td width="50%"><font face="Tahoma" color="#FFFFFF" size="2"><b>إلى:<br> <input type=text name=to size=10></b></font></td> </tr> </table> </td> </tr> <tr> <td width="100%"><font face="Tahoma" color="#FFFFFF" size="2">النتيجة:<br> <input type=text name=help size=57></font></td> </tr> <tr> <td width="100%"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td width="50%"><font face="Tahoma" color="#FFFFFF" size="2"><input type=text name=number size=10><input type=button value="خمن الرقم هنا" onclick="guess()"></font></td> <td width="50%"><font face="Tahoma" color="#FFFFFF" size="2"><input type=button value="إبدأ الجولة" onclick="range()"></font></td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </center> </div> </FORM>

آلة حاسبة جميلة

هذا الكود يحدد نوع المستعرض لديك

<center> <script language="Javascript">  </script> </center>

تقويم متطور جداً

<SCRIPT LANGUAGE="JavaScript">  </SCRIPT>

هذا الكود لتحديث الموقع آلياً كل دقيقة و يمكنك تحديد المدة التي تريدها

هذا الكود يطلب منك ادخال اسمك عند دخول الصفحة

<SCRIPT LANGUAGE="Javascript"> //http://go.to/Mr.T name=window.prompt("ادخل أسمك.","لا ارغب"); document.write("<H1 align=center>مرحبا! "+name+".</H1>") //--> </script>

أسئلة و أجوبة وهو موضوع بشكل منفرد تستطيع نسخها وتكرارها

<FORM> <p> من هو خاتم الأنبياء والمرسلين <INPUT TYPE="radio" NAME="radio" value="هو الرسول محمد بن عبدالله صوات الله عليه وآله الطيبين الطاهرين " onClick="alert(value)"> </form>

رسالة تظهر عند الدخول إلى الصفحة

<script language="JavaScript"> window.alert("السلام عليكم ورحمة الله وبركاته حياكم الله "); </script>

بعض أوامر الفأرة

<p align="center"><a href="http://www.bnturki.com" target="main" onmouseover="self.status='See me? ACK is cool.';return true"><font color="#FFFF00" size="4">Example 1</font></a><font color="#FFFF00" size="4">يذهب بك الى الصفحة الرئيسية بمجرد النقر عليه <br> </font><a href="http://www.bnturki.com" target="main" onmouseover="alert('تفضل بالدخول')" .htm?><font color="#FFFF00" size="4">Example 2 </font></a><font color="#FFFF00" size="4">يذهب بك الى الصفحة الرئيسية بمجرد المرور عليه</font><a href="http://www.bnturki.com" target="main" onmouseover="alert('Your message can go here!')" .htm?><font color="#FFFF00" size="4"><br> </font></a><a href="http://www.bnturki.com" target="main" onclick="alert('تفضل بالدخول')"><font color="#FFFF00" size="4">Example 3 </font></a><font color="#FFFF00" size="4">يذهب بك الى الصفحة الرئيسية مع رسالة شكر للدخول</font><a href="http://www.bnturki.com" target="main" onclick="alert('Your message goes here!')"><font color="#FFFF00" size="4"><br> </font></a><a href="http://www.bnturki.com" target="main" onclick="if(confirm('؟هل أنت متاكد؟')) alert('شكراً لك'); else alert('لماذا ترفض اذن أدخل ؟');"><font color="#FFFF00" size="4">Example 4 </font></a><font color="#FFFF00" size="4">يذهب بك الى الصفحة الرئيسية بعد سؤالك لتأكيد الدخول ومعها رسالة شكر</font></p> <hr>

اظهار صورة متكررة تتبع الماوس

/* Cross browser cursor trailer script By Brian Caputo (bcaputo@icdc.com) Permission given to Dynamicdrive.com to feature the script in it's DHTML archive For 100's more DHTML scripts and components, visit Dynamicdrive.com */ B=document.all; C=document.layers; T1=new Array("http://www.crosswinds.net/~damma2000/n87bullet.jpg",30,26,"http://www.crosswinds.net/~damma2000/n87bullet.jpg",26,14,"http://www.crosswinds.net/~damma2000/n87bullet.jpg",16,16,"http://www.crosswinds.net/~damma2000/n87bullet.jpg",10,10) nos=parseInt(T1.length/3) rate=50 ie5fix1=0; ie5fix2=0; for (i=0;i<nos;i++){ createContainer("CUR"+i,i*10,i*10,i*3+1,i*3+2,"","<img src='"+T1[i*3]+"' width="+T1[(i*3+1)]+" height="+T1[(i*3+2)]+" border=0>")} function createContainer(N,Xp,Yp,W,H,At,HT,Op,St){ with (document){ write((!B) ? "<layer id='"+N+"' left="+Xp+" top="+Yp+" width="+W+" height="+H : "<div id='"+N+"'"+" style='position:absolute;left:"+Xp+"; top:"+Yp+"; width:"+W+"; height:"+H+"; "); if(St){ if (C) write(" style='"); write(St+";' ") } else write((B)?"'":""); write((At)? At+">" : ">"); write((HT) ? HT : ""); if (!Op) closeContainer(N) } } function closeContainer(){ document.write((B)?"</div>":"</layer>") } function getXpos(N){ return (B) ? parseInt(B[N].style.left) : C[N].left } function getYpos(N){ return (B) ? parseInt(B[N].style.top) : C[N].top } function moveContainer(N,DX,DY){ c=(B) ? B[N].style :C[N];c.left=DX;c.top=DY } function cycle(){ //if (IE5) if (document.all&&window.print){ ie5fix1=document.body.scrollLeft; ie5fix2=document.body.scrollTop; } for (i=0;i<(nos-1);i++){ moveContainer("CUR"+i,getXpos("CUR"+(i+1)),getYpos("CUR"+(i+1))) } } function newPos(e){ moveContainer("CUR"+(nos-1),(B)?event.clientX+ie5fix1:e.pageX+2,(B)?event.clientY+ie5fix2:e.pageY+2 ) } if(document.layers) document.captureEvents(Event.MOUSEMOVE) document.onmousemove=newPos setInterval("cycle()",rate)

تغيير لون الخلفية عند كل زيارة

هذا الكود يتكون من خطوتان الخطوه الاولى عليك بإضافة هذا الكود onload="randombackground()" في رأس الجسم <body bgcolor="#FFFFFF"> بين علامة التنصيص الاخيرة والقوس والخطوه الثانية إضافة بقية الكود بين ما سبق والواصفة </body> وهذا كود الخطوه الثانية <script language="Javascript">  </script>

تسليط الضوء على الصورة و اذهابه عنها

هذا الكود يتكون من خطوتان الخطوه الاولى عليك بإضافة هذا الكود <style>  </style> في منطقة الرأس أي بين الواصفتين <head>- </head> والخطوه الثانية إضافة بقية الكود بين الواصفتين <body> - </body> وهذا كود الخطوه الثانية <p align="center"><br> <img src="file:///C:/Documents%20and%20Settings/Osama/My%20Documents/Hani/صور/@.GIF" width="70" height="70" id="spotlight" speed="70"> </p> <p><script language="JavaScript1.2"> /* Moving light on image script © Dynamic Drive (www.dynamicdrive.com) For full source code, installation instructions, 100's more DHTML scripts, and Terms Of Use, visit dynamicdrive.com */ if (document.all&&window.spotlight){ var x=new Array() var direction=new Array() var y=new Array() if (spotlight.length==null){ spotlight[0]=document.all.spotlight x[0]=0 direction[0]="right" y[0]=spotlight[0].height spotlight[0].filters.light.addPoint(100,50,100,255,255,255,90) } else for (i=0;i<spotlight.length;i++){ x[i]=0 direction[i]="right" y[i]=spotlight[i].height spotlight[i].filters.light.addPoint(100,50,100,255,255,255,90) } } function slidelight(cur){ spotlight[cur].filters.light.MoveLight(0,x[cur],y[cur],200,-1) if (x[cur]<spotlight[cur].width+200&&direction[cur]=="right") x[cur]+=10 else if (x[cur]>spotlight[cur].width+200){ direction[cur]="left" x[cur]-=10 } else if (x[cur]>-200&&x[cur]<-185){ direction[cur]="right" x[cur]+=10 } else{ x[cur]-=10 direction[cur]="left" } } if (document.all&&window.spotlight){ if (spotlight.length==null) setInterval("slidelight(0)",spotlight[0].speed) else for (t=0;t<spotlight.length;t++){ var temp='setInterval("slidelight('+t+')",'+spotlight[t].speed+')' eval(temp) } } </script> </p> <p align="center"> </p>

ارتجاج الأشكال عند ظهور الماوس عليها

الخطوه الاولى عليك بإضافة هذا الكود <style>  </style> في الرأس أي بين الواصفتين <head>- </head> والخطوه الثانية إضافة بقية الكود بين الواصفتين <body> - </body> وهذا كود الخطوه الثانية <script language="JavaScript1.2"> /* Shake image script (onMouseover)- © Dynamic Drive (www.dynamicdrive.com) For full source code, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com */ //configure shake degree (where larger # equals greater shake) var rector=3 ///////DONE EDITTING/////////// var stopit=0 var a=1 function init(which){ stopit=0 shake=which shake.style.left=0 shake.style.top=0 } function rattleimage(){ if ((!document.all&&!document.getElementById)||stopit==1) return if (a==1){ shake.style.top=parseInt(shake.style.top)+rector } else if (a==2){ shake.style.left=parseInt(shake.style.left)+rector } else if (a==3){ shake.style.top=parseInt(shake.style.top)-rector } else{ shake.style.left=parseInt(shake.style.left)-rector } if (a<4) a++ else a=1 setTimeout("rattleimage()",50) } function stoprattle(which){ stopit=1 which.style.left=0 which.style.top=0 } </script> </p> <p><a href="mailto:info@bnturki.net"><img src="email12.gif" alt="لمراســلتي" border="0" width="60" height="60" class="shakeimage" onmouseover="init(this);rattleimage()" onmouseout="stoprattle(this)"></a> <a href="index.htm"><img src="index.gif" alt="الرئيســـية" border="0" width="60" height="60" class="shakeimage" onmouseover="init(this);rattleimage()" onmouseout="stoprattle(this)"></a> </p> <p align="center"><a href="http://www.bnturki.com/"><font color="#FF00FF" size="4"><strong>BnTurki</strong></font></a></p>

هل زوجتك حامل؟

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">  <HTML><HEAD> <meta http-equiv="Content-Type" content="text/html; charset=windows-1256"> <meta http-equiv="Content-Language" content="ar-sa"> <meta http-equiv="The JavaScript Source" content="no-cache"> <meta name="description" content="Enter the mother's pregnancy information into this calculator and JavaScript will provide an estimated conception date, birth due date, and an estimated current fetal age. Great for all those mothers-to-be!"> <meta name="GENERATOR" content="Microsoft FrontPage 5.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <TITLE>java</TITLE> <SCRIPT language=JavaScript>      // Checks for the following valid date formats: // MM/DD/YY MM/DD/YYYY MM-DD-YY MM-DD-YYYY var datePat = /^(\d{1,2})(\/|-)(\d{1,2})\2(\d{4})$/; // requires 4 digit year var matchArray = dateStr.match(datePat); // is the format ok? if (matchArray == null) { alert("Date is not in a valid format.") return false; } month = matchArray[1]; // parse date into variables day = matchArray[3]; year = matchArray[4]; if (month < 1 || month > 12) { // check month range alert("Month must be between 1 and 12."); return false; } if (day < 1 || day > 31) { alert("Day must be between 1 and 31."); return false; } if ((month==4 || month==6 || month==9 || month==11) && day==31) { alert("Month "+month+" doesn't have 31 days!") return false; } if (month == 2) { // check for february 29th var isleap = (year % 4 == 0 && (year % 100 != 0 || year % 400 == 0)); if (day>29 || (day==29 && !isleap)) { alert("February " + year + " doesn't have " + day + " days!"); return false; } } return true; } function dispDate(dateObj) { month = dateObj.getMonth()+1; month = (month < 10) ? "0" + month : month; day = dateObj.getDate(); day = (day < 10) ? "0" + day : day; year = dateObj.getYear(); if (year < 2000) year += 1900; return (month + "/" + day + "/" + year); } function pregnancyCalc(pregform) { menstrual = new Date(); // creates new date objects ovulation = new Date(); duedate = new Date(); today = new Date(); cycle = 0, luteal = 0; // sets variables to invalid state ==> 0 if (isValidDate(pregform.menstrual.value)) { // Validates menstual date menstrualinput = new Date(pregform.menstrual.value); menstrual.setTime(menstrualinput.getTime()) } else return false; // otherwise exits cycle = (pregform.cycle.value == "" ? 28 : pregform.cycle.value); // defaults to 28 // validates cycle range, from 22 to 45 if (pregform.cycle.value != "" && (pregform.cycle.value < 22 || pregform.cycle.value > 45)) { alert("Your cycle length is either too short or too long for \n" + "calculations to be very accurate! We will still try to \n" + "complete the calculation with the figure you entered. "); } luteal = (pregform.luteal.value == "" ? 14 : pregform.luteal.value); // defaults to 14 // validates luteal range, from 9 to 16 if (pregform.luteal.value != "" && (pregform.luteal.value < 9 || pregform.luteal.value > 16)) { alert("Your luteal phase length is either too short or too long for \n" + "calculations to be very accurate! We will still try to complete \n" + "the calculation with the figure you entered. "); } // sets ovulation date to menstrual date + cycle days - luteal days // the '*86400000' is necessary because date objects track time // in milliseconds; 86400000 milliseconds equals one day ovulation.setTime(menstrual.getTime() + (cycle*86400000) - (luteal*86400000)); pregform.conception.value = dispDate(ovulation); // sets due date to ovulation date plus 266 days duedate.setTime(ovulation.getTime() + 266*86400000); pregform.duedate.value = dispDate(duedate); // sets fetal age to 14 + 266 (pregnancy time) - time left var fetalage = 14 + 266 - ((duedate - today) / 86400000); weeks = parseInt(fetalage / 7); // sets weeks to whole number of weeks days = Math.floor(fetalage % 7); // sets days to the whole number remainder // fetal age message, automatically includes 's' on week and day if necessary fetalage = weeks + " week" + (weeks > 1 ? "s" : "") + ", " + days + " days"; pregform.fetalage.value = fetalage; return false; // form should never submit, returns false } // End --> </SCRIPT> </HEAD> <BODY vLink=#0000ff background="../../images/bakbody.jpg"> <CENTER> <BASEFONT> <TABLE border=0 cellPadding=3 cellSpacing=0 width=486> <TBODY> <TR> <TD> <p align="center"><FONT face=helvetica,arial,geneva></FONT><font size="2" face="Tahoma" color="#000080">مخطوطة رائعة لحساب الحمل .. قم بتعبيئة اول فراغ وسوف تحصل على نتيجة دقيقة .. مفيد للأمهات المستقبل</font><FONT face=helvetica,arial,geneva> <HR> </FONT></TD></TR></TBODY></TABLE> <CENTER> <FORM onsubmit="return pregnancyCalc(this);"> <p><font color="#FF0000" size="3" face="Tahoma">كل التواريخ الميلادي وحسب اتجاه شكل التاريخ الموضح بأدناه</font></p> <TABLE> <TBODY> <TR> <TD><PRE> <INPUT maxLength=10 name=menstrual size=10> تاريخ فترة آخر حيض ( الدورة الشهرية ) بالدقة من فضلك (<font color="#FF0000">سنة/يوم/شهر</font> ) </PRE><PRE> <INPUT maxLength=3 name=cycle size=3 value="22"> اتركها كما هي <INPUT maxLength=3 name=luteal size=3 value="9"> اتركها كما هي <CENTER><INPUT type=submit value=أحسب></CENTER> <INPUT name=conception size="20"> التاريخ المتوقع للحمل <INPUT name=duedate size="20"> التاريخ المتوقع للولادة <INPUT name=fetalage size="20"> العمر المتوقع للجنين </PRE></TD></TR></TBODY></TABLE></FORM></CENTER> </CENTER> </BODY></HTML>

هذا الكود لادخال اسمك ويلحقه ترحيب

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">  </script>rl=(0057)http://javascript.internet.com/calculators/pregnancy.html --> <HTML><HEAD> <meta http-equiv="Content-Type" content="text/html; charset=windows-1256"> <meta http-equiv="Content-Language" content="ar-sa"> <meta http-equiv="The JavaScript Source" content="no-cache"> <meta name="description" content="Enter the mother's pregnancy information into this calculator and JavaScript will provide an estimated conception date, birth due date, and an estimated current fetal age. Great for all those mothers-to-be!"> <meta name="GENERATOR" content="Microsoft FrontPage 5.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <TITLE>java</TITLE> <SCRIPT language=JavaScript>      // Checks for the following valid date formats: // MM/DD/YY MM/DD/YYYY MM-DD-YY MM-DD-YYYY var datePat = /^(\d{1,2})(\/|-)(\d{1,2})\2(\d{4})$/; // requires 4 digit year var matchArray = dateStr.match(datePat); // is the format ok? if (matchArray == null) { alert("Date is not in a valid format.") return false; } month = matchArray[1]; // parse date into variables day = matchArray[3]; year = matchArray[4]; if (month < 1 || month > 12) { // check month range alert("Month must be between 1 and 12."); return false; } if (day < 1 || day > 31) { alert("Day must be between 1 and 31."); return false; } if ((month==4 || month==6 || month==9 || month==11) && day==31) { alert("Month "+month+" doesn't have 31 days!") return false; } if (month == 2) { // check for february 29th var isleap = (year % 4 == 0 && (year % 100 != 0 || year % 400 == 0)); if (day>29 || (day==29 && !isleap)) { alert("February " + year + " doesn't have " + day + " days!"); return false; } } return true; } function dispDate(dateObj) { month = dateObj.getMonth()+1; month = (month < 10) ? "0" + month : month; day = dateObj.getDate(); day = (day < 10) ? "0" + day : day; year = dateObj.getYear(); if (year < 2000) year += 1900; return (month + "/" + day + "/" + year); } function pregnancyCalc(pregform) { menstrual = new Date(); // creates new date objects ovulation = new Date(); duedate = new Date(); today = new Date(); cycle = 0, luteal = 0; // sets variables to invalid state ==> 0 if (isValidDate(pregform.menstrual.value)) { // Validates menstual date menstrualinput = new Date(pregform.menstrual.value); menstrual.setTime(menstrualinput.getTime()) } else return false; // otherwise exits cycle = (pregform.cycle.value == "" ? 28 : pregform.cycle.value); // defaults to 28 // validates cycle range, from 22 to 45 if (pregform.cycle.value != "" && (pregform.cycle.value < 22 || pregform.cycle.value > 45)) { alert("Your cycle length is either too short or too long for \n" + "calculations to be very accurate! We will still try to \n" + "complete the calculation with the figure you entered. "); } luteal = (pregform.luteal.value == "" ? 14 : pregform.luteal.value); // defaults to 14 // validates luteal range, from 9 to 16 if (pregform.luteal.value != "" && (pregform.luteal.value < 9 || pregform.luteal.value > 16)) { alert("Your luteal phase length is either too short or too long for \n" + "calculations to be very accurate! We will still try to complete \n" + "the calculation with the figure you entered. "); } // sets ovulation date to menstrual date + cycle days - luteal days // the '*86400000' is necessary because date objects track time // in milliseconds; 86400000 milliseconds equals one day ovulation.setTime(menstrual.getTime() + (cycle*86400000) - (luteal*86400000)); pregform.conception.value = dispDate(ovulation); // sets due date to ovulation date plus 266 days duedate.setTime(ovulation.getTime() + 266*86400000); pregform.duedate.value = dispDate(duedate); // sets fetal age to 14 + 266 (pregnancy time) - time left var fetalage = 14 + 266 - ((duedate - today) / 86400000); weeks = parseInt(fetalage / 7); // sets weeks to whole number of weeks days = Math.floor(fetalage % 7); // sets days to the whole number remainder // fetal age message, automatically includes 's' on week and day if necessary fetalage = weeks + " week" + (weeks > 1 ? "s" : "") + ", " + days + " days"; pregform.fetalage.value = fetalage; return false; // form should never submit, returns false } // End --> </SCRIPT> </HEAD> <BODY vLink=#0000ff background="../../images/bakbody.jpg"> <CENTER> <BASEFONT> <TABLE border=0 cellPadding=3 cellSpacing=0 width=486> <TBODY> <TR> <TD> <p align="center"><FONT face=helvetica,arial,geneva></FONT><font size="2" face="Tahoma" color="#000080">مخطوطة رائعة لحساب الحمل .. قم بتعبيئة اول فراغ وسوف تحصل على نتيجة دقيقة .. مفيد للأمهات المستقبل</font><FONT face=helvetica,arial,geneva> <HR> </FONT></TD></TR></TBODY></TABLE> <CENTER> <FORM onsubmit="return pregnancyCalc(this);"> <p><font color="#FF0000" size="3" face="Tahoma">كل التواريخ الميلادي وحسب اتجاه شكل التاريخ الموضح بأدناه</font></p> <TABLE> <TBODY> <TR> <TD><PRE> <INPUT maxLength=10 name=menstrual size=10> تاريخ فترة آخر حيض ( الدورة الشهرية ) بالدقة من فضلك (<font color="#FF0000">سنة/يوم/شهر</font> ) </PRE><PRE> <INPUT maxLength=3 name=cycle size=3 value="22"> اتركها كما هي <INPUT maxLength=3 name=luteal size=3 value="9"> اتركها كما هي <CENTER><INPUT type=submit value=أحسب></CENTER> <INPUT name=conception size="20"> التاريخ المتوقع للحمل <INPUT name=duedate size="20"> التاريخ المتوقع للولادة <INPUT name=fetalage size="20"> العمر المتوقع للجنين </PRE></TD></TR></TBODY></TABLE></FORM></CENTER> </CENTER> </BODY></HTML>

الأشرطة الإعلانية

<BODY> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT>

طباعة الصفحة

ارسال بريد بالقوة

اختر الصورة

<SCRIPT language="JavaScript"> /* Script posted and featured on Website Abstraction http://wsabstract.com */ function display_image(form) { selectionname = form.imagename.options[form.imagename.selectedIndex].text; selection = form.imagename.options[form.imagename.selectedIndex].value; PreView = window.open("", "Preview", "toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0,copyhistory=0,width=200,height=255"); PreView.document.open(); PreView.document.write("<HTML><HEAD>"); PreView.document.write("<TITLE>Preview</TITLE>"); PreView.document.write("</HEAD><BODY BGCOLOR=FFFFFF TEXT=000000>"); PreView.document.write("<FORM><CENTER><B><FONT SIZE=+1>" + selectionname + "</FONT></B><HR>"); PreView.document.write("<IMG HSPACE=0 VSPACE=0 " + "SRC='" + selection + "'>"); PreView.document.write("<HR><FORM><INPUT TYPE='button' VALUE='Close' " + "onClick='window.close()'></FORM>"); PreView.document.write("</CENTER>"); PreView.document.write("</BODY></HTML>"); PreView.document.close(); } </SCRIPT> <FORM> <select NAME="imagename" onChange="display_image(this.form)"> <option value="ضع عنوان الصورة الاولى" SELECTED>Image 1 <option value="ضع عنوان الصورة الثانية">Image 2 <option value="ضع عنوان الصورة الثالثة">Image 3 <option value="ضع عنوان الصورة الرابعة">Image 4 </select> </FORM>

ساعة لحساب الوقت الذي قضيته في الصفحة

<BODY> <SCRIPT LANGUAGE="JavaScript">     </SCRIPT>

هذا الكود يقوم باطفاء جميع اللينكات في موقعك اوتاميتيكياً

سطور من الكلمات تأتي متتابعة يمكنك جعلها اعلان

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META http-equiv=Content-Type content="text/html; charset=windows-1256"> <SCRIPT language=JavaScript>  </SCRIPT> <META content="MSHTML 6.00.2600.0" name=GENERATOR></HEAD> <BODY></BODY></HTML>

هذا الكود لعمل أجسام متساقطة

!-- 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 -->  <BODY> <SCRIPT LANGUAGE="JavaScript1.2">      </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>

ساعة حائط رائعة

2. Paste the last section into a new file, save it as wall-clock.html -->  <BODY> <center> <form name=digitalclock> <input type=button value="Open the Wall Clock" onClick="window.open('wall-clock.html', 'wallclock', 'width=200, height=200');"> </form> </center>  <HTML> <HEAD> <SCRIPT LANGUAGE="JavaScript">      </script> <style> ..num {color:white;width:30px;text-align:center; } </style> </HEAD> <body onLoad="javascript:startClock();"> <div id="c0" style="position:absolute;left:36;top:36; z-index:2;"> <table> <tr> <td bgcolor=000000 width=120 height=120> </td> </tr> </table> </div> <div id="c1" class="num" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>1</b></div> <div id="c2" class="num" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>2</b></div> <div id="c3" class="num" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>3</b></div> <div id="c4" class="num" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>4</b></div> <div id="c5" class="num" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>5</b></div> <div id="c6" class="num" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>6</b></div> <div id="c7" class="num" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>7</b></div> <div id="c8" class="num" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>8</b></div> <div id="c9" class="num" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>9</b></div> <div id="c10" class="num" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>10</b></div> <div id="c11" class="num" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>11</b></div> <div id="c12" class="num" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>12</b></div> <div id="ob0" class="num" style="position:absolute;left:-20;top:-20;z-index:1"> </div> <div id="ob1" class="num" style="position:absolute;left:-20;top:-20;z-index:8"> <font size="+3" color="#0000ff"><b>.</b></font></div> <div id="ob2" class="num" style="position:absolute;left:-20;top:-20;z-index:8"> <font size="+3" color="#0000ff"><b>.</b></font></div> <div id="ob3" class="num" style="position:absolute;left:-20;top:-20;z-index:8"> <font size="+3" color="#0000ff"><b>.</b></font></div> <div id="ob4" class="num" style="position:absolute;left:-20;top:-20;z-index:8"> <font size="+3" color="#0000ff"><b>.</b></font></div> <div id="ob5" class="num" style="position:absolute;left:-20;top:-20;z-index:8"> <font size="+3" color="#0000ff"><b>.</b></font></div> <div id="ob6" class="num" style="position:absolute;left:-20;top:-20;z-index:7"> <font size="+3" color="#00ffff"><b>.</b></font></div> <div id="ob7" class="num" style="position:absolute;left:-20;top:-20;z-index:7"> <font size="+3" color="#00ffff"><b>.</b></font></div> <div id="ob8" class="num" style="position:absolute;left:-20;top:-20;z-index:7"> <font size="+3" color="#00ffff"><b>.</b></font></div> <div id="ob9" class="num" style="position:absolute;left:-20;top:-20;z-index:7"> <font size="+3" color="#00ffff"><b>.</b></font></div> <div id="ob10" class="num" style="position:absolute;left:-20;top:-20;z-index:6"> <font size="+3" color="#ffff00"><b>.</b></font></div> <div id="ob11" class="num" style="position:absolute;left:-20;top:-20;z-index:6"> <font size="+3" color="#ffff00"><b>.</b></font></div> <div id="ob12" class="num" style="position:absolute;left:-20;top:-20;z-index:6"> <font size="+3" color="#ffff00"><b>.</b></font></div> </body> </html> <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>

رسالة ترحيب ووداع للزائر

<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>

هذا الكود لعمل قائمة رائعة أنصحك بتجريبها

<script language="JavaScript"> var isIE4 = false; function CheckBrowser() { if (navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion.charAt(0) >= 4) { isIE4 = true; }} function mOvr(src,clrOver) { if (!src.contains(event.fromElement)) { src.style.cursor = 'hand'; src.bgColor = clrOver; src.children.tags('A')[0].style.color = '#ffffff';}} function mOut(src,clrIn) { if (!src.contains(event.toElement)) { src.style.cursor = 'default'; src.bgColor = clrIn; src.children.tags('A')[0].style.color = '#ffffff';}} function mClk(src) { if(event.srcElement.tagName=='TD'){src.children.tags('A')[0].click();} } function mOvrTop(src,clrOver) { if (!src.contains(event.fromElement)) { src.style.cursor = 'hand'; src.bgColor = clrOver;}} function mOutTop(src,clrIn) { if (!src.contains(event.toElement)) { src.style.cursor = 'default'; src.bgColor = clrIn;}} </script>  <table cellspacing="3" cellpadding="0" border="0" width="420" align="center" bgcolor="#003366"> <tr> <td align="center" width="105" onmouseover="mOvr(this,'#9999cc');" onmouseout="mOut(this,'#666699');" onclick="mClk(this);" bgcolor="#666699"> <a style="color: #FFFFFF" href="http://www.yahoo.com/"><font face="Verdana" size="-2">YAHOO</font></a> </td> <td align="center" width="105" onmouseover="mOvr(this,'#9999cc');" onmouseout="mOut(this,'#666699');" onclick="mClk(this);" bgcolor="#666699"> <a style="color: #FFFFFF" href="http://hotbot.lycos.com/"><font face="Verdana" size="-2">HOTBOT</font></a> </td> <td align="center" width="105" onmouseover="mOvr(this,'#9999cc');" onmouseout="mOut(this,'#666699');" onclick="mClk(this);" bgcolor="#666699"> <a style="color: #FFFFFF" href="http://WWW.CNN.com/"><font face="Verdana" size="-2">CNN</font></a> </td> <td align="center" width="105" onmouseover="mOvr(this,'#9999cc');" onmouseout="mOut(this,'#666699');" onclick="mClk(this);" bgcolor="#666699"> <a style="color: #FFFFFF" href="http://www.geocities.com"><font face="Verdana" size="1">GEOCITIES</font></a> </td> </tr> </table>

تأثير نصي رائع

<html> <head> <TITLE>TextMagnet</TITLE> <meta NAME="keywords" CONTENT="DHTML, text, scroller, marquee, ticker, JavaScript, Dynamic HTML, download, free, samples, applet, animation, news"> <meta NAME="description" CONTENT="Great text effect for your good and bad news! TextMagnet script reassembles your messages from small portions of text that are randomly spread out all over the screen. The script draws the text-chunks together like a strong magnet! Made for IE5 and higher."> <script>  </script> <style> .spanstyle { position:absolute; left:-5000px; font-size : 28; font-family : Arial Black; font-style : italic; color : Olive; text-align : center; background-color : 004400; border-style : solid; padding : 5; width : 280; height : 90; } </style> </head> <body bgcolor="#000000" text="FFFFFF" link="FFFFFF" alink="FFFFFF" vlink="FFFFFF" onLoad="changetext()"> <script>  </script> </body> </html>

تأثير نصي مختفي

<HEAD> <SCRIPT LANGUAGE="JavaScript1.2">      </script> </HEAD>  <BODY> <center> <div id="fader" style="width:480; Filter:Alpha(Opacity=0,FinishOpacity=0,style=2)"> <h1> <font family="Arial, Helvetica" color="maroon" size="+4"> أهلا بك <p>في الدليل الفلسطيني <p> نتمنى لك قضاء اسعد الأوقات </font> </h1> </div> </center> <p><center> <font face="arial, helvetica" size="-2"><br> <a href="http://javascriptsource.com"></a></font> </center><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,1,1"></layer> <layer name="a8" left=10 top=10 visibility=show bgcolor="#fff000" clip="0,0,1,1"></layer> <layer name="a9" left=10 top=10 visibility=show bgcolor="#ffa000" clip="0,0,1,1"></layer> <layer name="a10" left=10 top=10 visibility=show bgcolor="#ff00ff" clip="0,0,1,1"></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"> /* Document firework script (By Kurt Gregg, kurt.grigg@virgin.net) Modified granted to Dynamic Drive to feature script in archive For full source 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:2px;height:2px;background:#ffffff;font-size:2px"></div>') write('<div style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px"></div>') write('<div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px"></div>') write('<div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px"></div>') write('<div style="position:relative;width:1px;height:1px;background:#00ff00;font-size:1px"></div>') write('<div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px"></div>') write('<div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px"></div>') write('<div style="position:relative;width:1px;height:1px;background:#ffffff;font-size:1px"></div>') write('<div style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px"></div>') write('<div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px"></div>') write('<div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px"></div>') write('<div style="position:relative;width:2px;height:2px;background:#ff00ff;font-size:2px"></div>') write('<div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px"></div>') write('<div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px"></div>') write('</div>') } var Clrs=new Array(9) Clrs[0]='ff0000'; Clrs[1]='00ff00'; Clrs[2]='000aff'; Clrs[3]='ff00ff'; Clrs[4]='ffa500'; Clrs[5]='ffff00'; Clrs[6]='00ff00'; Clrs[7]='ffffff'; Clrs[8]='fffff0'; var sClrs=new Array(5) sClrs[0]='ffa500'; sClrs[1]='55ff66'; sClrs[2]='AC9DFC'; sClrs[3]='fff000'; sClrs[4]='fffff0'; var yBase; var xBase; var step; var currStep = 0; var Xpos = 1; var Ypos = 1; var initialStarColor='ffa000'; var Mtop=250; var Mleft=250; function Fireworks() { if (document.all) { yBase = window.document.body.offsetHeight/3; xBase = window.document.body.offsetWidth/8; } else if (document.layers) { yBase = window.innerHeight/3; xBase = window.innerWidth/8; } if (document.all) { step=5; for ( i = 0 ; i < starsDiv.all.length ; i++ ) { for (ai=0; ai < Clrs.length; ai++) { var c=Math.round(Math.random()*[ai]); } if (currStep < 90) starsDiv.all[i].style.background=initialStarColor; if (currStep > 90) starsDiv.all[i].style.background=Clrs[c]; starsDiv.all[i].style.top = Mtop + yBase*Math.sin((currStep+i*5)/3)*Math.sin(550+currStep/100) starsDiv.all[i].style.left = Mleft + yBase*Math.cos((currStep+i*5)/3)*Math.sin(550+currStep/100) } } else if (document.layers) { step = 5; for ( j = 0 ; j < 14 ; j++ ) //number of NS layers! { var templayer="a"+j for (ai=0; ai < Clrs.length; ai++) { var c=Math.round(Math.random()*[ai]); } if (currStep < 90) document.layers[templayer].bgColor=initialStarColor; if (currStep > 90) document.layers[templayer].bgColor=Clrs[c]; document.layers[templayer].top = Mtop + yBase*Math.sin((currStep+j*5)/3)*Math.sin(550+currStep/100) document.layers[templayer].left = Mleft + yBase*Math.cos((currStep+j*5)/3)*Math.sin(550+currStep/100) } } currStep+= step; //window.status=currStep; T=setTimeout("Fireworks()",5); if (currStep==220) { currStep=-10; for (n=0; n < sClrs.length; n++) { var k=Math.round(Math.random()*n); } initialStarColor=sClrs[k]; if (document.all) { Dtop=window.document.body.clientHeight-250; Dleft=xBase*3.5; Mtop=Math.round(Math.random()*Dtop); Mleft=Math.round(Math.random()*Dleft); document.all.starsDiv.style.top=Mtop+document.body.scrollTop; document.all.starsDiv.style.left=Mleft+document.body.scrollLeft; } else if (document.layers) { Dleft=window.innerWidth-100; Dtop=window.innerHeight-100; Mtop=Math.round(Math.random()*Dtop+window.pageYOffset); Mleft=Math.round(Math.random()*Dleft+window.pageXOffset); document.layers[templayer].top=Mtop; document.layers[templayer].left=Mleft; } if ((Mtop < 20) || (Mleft < 20)) { Mtop+=90; Mleft+=90; } } } if (document.all||document.layers) Fireworks(); </script>

نص يطبع كأنه بآلة كاتبة

فحص بطاقة الإئتمان

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <meta http-equiv="Content-Type" content="text/html; charset=windows-1256"> <meta http-equiv="Content-Language" content="ar-sa"> <meta http-equiv="The JavaScript Source" content="no-cache"> <meta name="description" content=" "> <meta name="GENERATOR" content="Microsoft FrontPage 5.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <TITLE>jav</TITLE> <SCRIPT language=JavaScript>     </SCRIPT> </HEAD> <BODY vLink=#0000ff background="../../images/bakbody.jpg"> <CENTER> <BASEFONT>  <FORM name=ThisForm> <INPUT maxLength=19 name=CardNumber size=16> رقم البطاقة <BR> <SELECT name=CardType> <OPTION selected value=MasterCard>MasterCard<OPTION value=VisaCard>Visa<OPTION value=AmExCard>American Express<OPTION value=DinersClubCard>Diners Club<OPTION value=DiscoverCard>Discover<OPTION value=enRouteCard>enRoute<OPTION value=JCBCard>JCB</OPTION></SELECT> نوع البطاقة <BR>تاريخ الأنتهاء <SELECT name=ExpMon> <OPTION selected value=1>1<OPTION value=2>2<OPTION value=3>3<OPTION value=4>4<OPTION value=5>5<OPTION value=6>6<OPTION value=7>7<OPTION value=8>8<OPTION value=9>9<OPTION value=10>10<OPTION value=11>11<OPTION value=12>12</OPTION></SELECT> السنة <INPUT maxLength=2 name=ExpYear size=2> السنة من 97 الى 2002<BR><INPUT onclick=CheckCardNumber(this.form) type=button value=فحص><BR></FORM> <P> <a href="http://www.bnturki.com"> BnTurki</a></CENTER> </BODY></HTML>

احسب عمرك بدقة

<HEAD> <SCRIPT LANGUAGE="JavaScript">       </script> </HEAD>  <BODY> <center> <form name=agecalc> <table> <tr><td align=center> <select name=month size=1> <option>January <option>February <option>March <option>April <option>May <option>June <option>July <option>August <option>September <option>October <option>November <option>December </select> <select name=day size=1> <option>1 <option>2 <option>3 <option>4 <option>5 <option>6 <option>7 <option>8 <option>9 <option>10 <option>11 <option>12 <option>13 <option>14 <option>15 <option>16 <option>17 <option>18 <option>19 <option>20 <option>21 <option>22 <option>23 <option>24 <option>25 <option>26 <option>27 <option>28 <option>29 <option>30 <option>31 </select> <input type=text name=year size=4 maxlength=4>تاريخ الميلاد <br> <input type=button name=start value="إحسب" onclick="run();" style="font-weight: bold"><br> <br> <textarea rows=12 cols=35 name=timealive>

لعبة المربعات

<HEAD> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT>  <BODY> <CENTER>أرينا مهارتك كم مربع تستطيع ان تختار خلال عشرين ثانية .. </CENTER> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> <p align="center"><font size="1"><b><a href="http://shabaka.hypermart.net">tt <br> http://shabaka.hypermart.net/</a></b></font> </p>

أحرف متغيرة

هذا الكود لآلة حاسبة جميلة