مكتبه الجافا

مرحبا عزيزنا الزائر .. يسرنا أن نقدم لك اكواد الجافا هذه والتي تسهل الأمر للمبتدئين بتصميم المواقع وأكواد الجافا ضروريه ونحتاجها كثيرا في تصميم المواقع

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

(ملاحظه : يجب عليك تغيير مابالكود ليتناسب مع موقعك)

منــــــــوعــــــات

هذا الكود رائع جدا يجعل الصفحه تهتز لفتره وجيزه بعد دخولك اليها

_________________________

لالغاء الخطوط التي تظهر تحت الوصلات

_________________________

هذا الكود لعمل خلفيه مضيئه..فلاش

شاهد هنا هذا التأثير

_________________________

هذا الكود يجعل الزائر يختار لون الخلفيه لصفحتك

اضفط على الألوان وشاهد بنفسك

__________________________

هذا الكود ايضا لاختيار لون الخلفيه ولكن بطريقه أخرى رائعه وسهله

مثل هذا النموذج

____________________________

هذا الكود يجعل الصفحه تعرض نفسها

________________________

<HEAD> <style type="text/css">  </style> </HEAD>  <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">     </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>

هذا الكود رائع جدا لعمل تأثيرات مع الماوس..جربه الآن

________________________

<HEAD> <style>.spanstyle { COLOR: white; FONT-FAMILY: Verdana; FONT-SIZE: 8pt; FONT-WEIGHT: bold; POSITION: absolute; TOP: -50px; VISIBILITY: visible } </style> <SCRIPT LANGUAGE="JavaScript">      </script> </HEAD>  <body bgcolor="#000080" text="#000000" onload="makesnake()" style="OVERFLOW-X: hidden; OVERFLOW-Y: scroll; WIDTH: 100%">  <SCRIPT LANGUAGE="JavaScript">  </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>

هذا الكود لعمل نص يتبع الماوس..ولكن اتبع الخطوات بداخل هذا الكود

__________________________

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

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

__________________________

<STYLE>  </STYLE>  <SCRIPT ID=code> var timerID function StopBackground() { clearTimeout(timerID) } function AnimateBackground(hPos,vPos,hInc,vInc,delay) { if (arguments[5]) document.body.style.backgroundImage = "url(\"" + arguments[5] + "\")" if (arguments[6]) document.body.style.backgroundRepeat = arguments[6] if (!isNaN(hPos)) { if ((hInc!=0) && (hPos>0)) hPos=-100000 hPos+=hInc } if (!isNaN(vPos)) { if ((vInc!=0) && (vPos>0)) vPos=-100000 vPos+= vInc } document.body.style.backgroundPosition= hPos + " " + vPos if (isNaN(hPos)) hPos = "\"" + hPos + "\"" if (isNaN(vPos)) vPos = "\"" + vPos + "\"" timerID = setTimeout("AnimateBackground("+hPos+","+vPos+","+hInc+","+vInc+","+delay+")",delay) } AnimateBackground(0,"center",-5,0,50, "عنوان الصورة هنا") function getValue(el) { for (var i=0; i < el.length; i++) { if (el[i].checked) return el[i].value } return "" } function Update() { var repeat = getValue(document.all.repeatDirection) var hDir = getValue(document.all.horizDir) var hStep = 0 if (hDir=="absolute") { hDir = parseInt(document.all.horizValue.value) hStep = parseInt(document.all.horizStep.value) } var vDir = getValue(document.all.verDir) var vStep = 15 if (vDir=="absolute") { vDir = parseInt(document.all.verValue.value) vStep = parseInt(document.all.verStep.value) } StopBackground() AnimateBackground(hDir,vDir,hStep,vStep,parseInt(document.all.speed.value),document.all.img.value,repeat) if (isNaN(hDir)) hDir = "\"" + hDir + "\"" if (isNaN(vDir)) vDir = "\"" + vDir + "\"" var scode="AnimateBackground(" + hDir + "," + vDir + "," + hStep+ "," + vStep + "," + parseInt(document.all.speed.value) + ",\"" + document.all.img.value + "\",\"" + repeat + "\")" document.all.output.innerHTML = scode } </SCRIPT>

هذا الكود لعمل خلفيه متحركه

__________________________

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

________________________

<HEAD> <SCRIPT LANGUAGE="JavaScript">    </script> </HEAD>  <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 LANGUAGE="JavaScript">  </SCRIPT>

هذه ساعه تبين الوقت

ـــــــــــــــــــــــــــــــــــــــــــــــــــ

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>

ساعة حائط رائعه..فقط اتبع الخطوات التي بداخل الكود

_________________________

كــود يعمل على تحديث الصفحه..مثل هذا

__________________________

هذا الكود يعمل ريفريش اتوماتيكي للصفحه..رائع

__________________________

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

________________________

<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></SCRIPT> <LEFT><FONT face=tahoma,Helvetica size=1>اخرتحديث في</FONT></LEFT> </body>

وهذا الكود أيضا لكتابة آخر مره قم فيها بتحديث الصفحه..أفضل من السابق

مثل هذا

اخرتحديث في

______________________

أكواد تهمك

كود سهل لوضع ملف الفلاش (قم بتعديل عنوان الملف والطول والعرض حسب طلبك)

_____________________________

كود وضع الصوره (فقط قم بوضع عنوان الصوره وطول الصوره + العرض)

___________________________

كود شريط المتصفح (يعطي ألوان جذابه للشريط , فقط قم بتعديل الالوان)

______________________________________________

ألعـــــــــاب

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

هذا الكود لعمل ألعاب ناريه بالصفحه

___________________________

<HEAD> <SCRIPT LANGUAGE="JavaScript">  </script>  <BODY> <form name=loveform> <input value="عنتر" name="name1" type="text" size="20"> + <input value="عبلة" name="name2" type="text" size="20"> = <input value="" name="output" type="text" size="6"> <br> <br> <input value="احسب" name="calculate" type="button" value="calculate" onclick="calc()"> </form>

لعبة اختبار الحب..مسليه

__________________________

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

عيوننا تراقبك...حركه مسليه جدا تتبع الماوس ولكن عليك بحفظ صوره العيون لديك أولا

__________________________

كود رائع لعمل فخ للزوار اذا دخلوا الصفحه..ممكن تبدل الكلام أو تضيف المزيد

___________________________

هذا الكود هو رسالة ترحيبيه بمجرد دخول الزائر الصفحه وتودعه عند الخروج منها

هذا الكود لعمل لوحه تطلب من الزائر اسمه بمجرد دخول الصفحه

هذا الكود لصفحه تفتح لك اوتوماتيكيا مع الصفحه الرئيسيه

محرك بحث متعدد لأشهر محركات البحث العالميه على النت

تفضل بهذه الصفحه وشاهد المزيد من مؤثرات الجافا الرائعه

ملاحظــه... اذا لم تعمل أي من هذه السكربتات الرجاء اخبارنا فورا على بريدنا الالكتروني