1

القائمة الرئيسية

معلومات عن مصمم الموقع

مواضيع مفيدة

التسلية وأجمل النكت

مكتبة أكواد جافا سكربت

آخــر الأخبــار

مواقع صديقة

www.eh11.jeeran.com

wwn.8r8.com

www.almo3lem.jeeran.com

www.space2006.jeeran.com

www.sami.tk

www.ka1993.jeeran.com

مشاركات الزوار

سجل الزوار

منتديات البوابة

دردشة البوابة

اتصل بنا

خدمات الزوار

ضع هنا إعلانك !!

مكتبة أكواد الجافا من بوابة العلوم 2005

1 ، 2 ، 3 ، 4

التاريخ و الساعة

22-07-1426 09:17 ص

عدد سكان العالم حاليا

سكان العالم في تزايد مستمر

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

البيئة وملوثاتها

أصوات الحيوانات

تلسكوب فصائي يعادل وزن 19 طائرة بوينج

نص مموج

<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 21</title> </head> <body> <h2> <script language="JavaScript1.2"> var message="موقع قصيمي على النت يرحب بزواره الكرام ويتمنى لهم المتعة والفائدة" var neonbasecolor="blue" var neontextcolor="red" var flashspeed=25 //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()",100) return } } function beginneon(){ if (document.all) flashing=setInterval("neon()",flashspeed) } beginneon() </script></h2> </body> </html>

صورة تتطير فى صفحتك

<BODY> <div id="img" style="position:absolute;"> <img src="ضع عنوان الصورة على النت هنا" onMouseDown="pauseResume();"> </div> <SCRIPT LANGUAGE="JavaScript">     </script>

كود لحساب الوزن المثالى

كود طبع الصفحة

<p align="center"><font face="Tahoma" size="2" color="#666633"><script language="JavaScript1.2"> /* Typing Text Script- Last updated: 99/06/17 © Dynamic Drive (www.dynamicdrive.com) For full source code, installation instructions, 100's more DHTML scripts, and Terms Of Use, visit dynamicdrive.com */ var it=0 function initialize(){ mytext=typing.innerText var myheight=typing.offsetHeight typing.innerText='' document.all.typing.style.height=myheight document.all.typing.style.visibility="visible" typeit() } function typeit(){ typing.insertAdjacentText("beforeEnd",mytext.charAt(it)) if (it<mytext.length-1){ it++ setTimeout("typeit()",100) } else return } if (document.all) document.body.onload=initialize </script><span id="typing" style="visibility:hidden" align="left">مرحبا بكم في شبكة الباحث العربي .. ستجدون في الموقع الكثير من المواضيع التي تناسب هواة الكمبيوتر والانترنت بالذات .. نسعى دائما لتقديم كل جديد ومفيد لزوارنا الكرام .. زورونا باستمرار لتلاحظوا الفرق .. وقتا سعيدا </span></font>

كود تحديث الصفحة

<A href="javascript:window.location.reload()"><FONT color=#ff0000><STRONG>اضغط هنا لتحديث الصفحة</STRONG></FONT></A>

كود أجعل هذه الصفحة صفحة البداية

<A class=normal href="http:///" onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://ضع عنوان موقعك هنا');"><FONT color=#0080ff size=2><STRONG> اجعل الموقع افتراضي</STRONG></FONT></A></P>

كود أضف الموقع للمفضلة

<SCRIPT language=JavaScript1.2> function bookmarkit(){ window.external.addFavorite('http://ضع عنوان موقعك/','ضع اسم موقعك ') } if (document.all) document.write('<small onClick="bookmarkit()"><font=Tahoma" size=5"><a href="#" class="normal">أضف الموقع للمفضلة</a></font></small>') </SCRIPT>

ساعة دائرية تتحرك مع الصفحة

<html> <body> </SCRIPT> <SCRIPT language=JavaScript> //Static analog Clock by kurt.grigg@virgin.net //Script featured on Website Abstraction //http://wsabstract.com fCol='000000';//face colour. sCol='ff0000';//seconds colour. mCol='000000';//minutes colour. hCol='000000';//hours colour. H='....'; H=H.split(''); M='.....'; M=M.split(''); S='......'; S=S.split(''); Ypos=0; Xpos=0; Ybase=8; Xbase=8; dots=12; ns=(document.layers)?1:0; if (ns){ dgts='1 2 3 4 5 6 7 8 9 10 11 12'; dgts=dgts.split(' ') for (i=0; i < dots; i++){ document.write('<layer name=nsDigits'+i+' top=0 left=0 height=30 width=30><center><font face=Arial,Verdana size=1 color='+fCol+'>'+dgts[i]+'</font></center></layer>'); } for (i=0; i < M.length; i++){ document.write('<layer name=ny'+i+' top=0 left=0 bgcolor='+mCol+' clip="0,0,2,2"></layer>'); } for (i=0; i < H.length; i++){ document.write('<layer name=nz'+i+' top=0 left=0 bgcolor='+hCol+' clip="0,0,2,2"></layer>'); } for (i=0; i < S.length; i++){ document.write('<layer name=nx'+i+' top=0 left=0 bgcolor='+sCol+' clip="0,0,2,2"></layer>'); } } else{ document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=1; i < dots+1; i++){ document.write('<div id="ieDigits" style="position:absolute;top:0px;left:0px;width:30px;height:30px;font-family:Arial,Verdana;font-size:10px;color:'+fCol+';text-align:center;padding-top:10px">'+i+'</div>'); } document.write('</div></div>') document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < M.length; i++){ document.write('<div id=y style="position:absolute;width:2px;height:2px;font-size:2px;background:'+mCol+'"></div>'); } document.write('</div></div>') document.write('</div></div>') document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < H.length; i++){ document.write('<div id=z style="position:absolute;width:2px;height:2px;font-size:2px;background:'+hCol+'"></div>'); } document.write('</div></div>') document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < S.length; i++){ document.write('<div id=x style="position:absolute;width:2px;height:2px;font-size:2px;background:'+sCol+'"></div>'); } document.write('</div></div>') } function clock(){ time = new Date (); secs = time.getSeconds(); sec = -1.57 + Math.PI * secs/30; mins = time.getMinutes(); min = -1.57 + Math.PI * mins/30; hr = time.getHours(); hrs = -1.57 + Math.PI * hr/6 + Math.PI*parseInt(time.getMinutes())/360; if (ns){ Ypos=window.pageYOffset+window.innerHeight-60; Xpos=window.pageXOffset+window.innerWidth-80; } else{ Ypos=document.body.scrollTop+window.document.body.clientHeight-60; Xpos=document.body.scrollLeft+window.document.body.clientWidth-60; } if (ns){ for (i=0; i < dots; ++i){ document.layers["nsDigits"+i].top=Ypos-5+40*Math.sin(-0.49+dots+i/1.9); document.layers["nsDigits"+i].left=Xpos-15+40*Math.cos(-0.49+dots+i/1.9); } for (i=0; i < S.length; i++){ document.layers["nx"+i].top=Ypos+i*Ybase*Math.sin(sec); document.layers["nx"+i].left=Xpos+i*Xbase*Math.cos(sec); } for (i=0; i < M.length; i++){ document.layers["ny"+i].top=Ypos+i*Ybase*Math.sin(min); document.layers["ny"+i].left=Xpos+i*Xbase*Math.cos(min); } for (i=0; i < H.length; i++){ document.layers["nz"+i].top=Ypos+i*Ybase*Math.sin(hrs); document.layers["nz"+i].left=Xpos+i*Xbase*Math.cos(hrs); } } else{ for (i=0; i < dots; ++i){ ieDigits[i].style.pixelTop=Ypos-15+40*Math.sin(-0.49+dots+i/1.9); ieDigits[i].style.pixelLeft=Xpos-14+40*Math.cos(-0.49+dots+i/1.9); } for (i=0; i < S.length; i++){ x[i].style.pixelTop =Ypos+i*Ybase*Math.sin(sec); x[i].style.pixelLeft=Xpos+i*Xbase*Math.cos(sec); } for (i=0; i < M.length; i++){ y[i].style.pixelTop =Ypos+i*Ybase*Math.sin(min); y[i].style.pixelLeft=Xpos+i*Xbase*Math.cos(min); } for (i=0; i < H.length; i++){ z[i].style.pixelTop =Ypos+i*Ybase*Math.sin(hrs); z[i].style.pixelLeft=Xpos+i*Xbase*Math.cos(hrs); } } setTimeout('clock()',50); } if (document.layers || document.all) window.onload=clock; //--> </SCRIPT> </body> </html>

ساعة 2

<SCRIPT LANGUAGE="JavaScript"> var timerID = null var timerRunning = false function stopclock() { if(timerRunning) clearTimeout(timerID) timerRunning = false } function startclock() { stopclock() showtime() } function showtime() { var now = new Date() var hours = now.getHours() var minutes = now.getMinutes() var seconds = now.getSeconds() var timeValue = "" + ((hours > 12) ? hours - 12 : hours) timeValue += ((minutes < 10) ? ":0" : ":") + minutes timeValue += ((seconds < 10) ? ":0" : ":") + seconds timeValue += (hours >= 12) ? "PM" : "AM" document.clock.face.value = timeValue timerID = setTimeout("showtime()",1000) timerRunning = true } //--> </SCRIPT> <form name="clock" onSubmit="0"> <INPUT TYPE="text" NAME="face" SIZE=11 READONLY VALUE ="....Initializing...."> </form> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT>

ساعة بالعربى

<div id=Clock align=center style="font-family: tahoma; font-size: 12; color:#999966 "> </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>

ساعة على شريط المعلومات

ساعة وتاريخ على شريط المعلومات

1- ضع الكود التالي في منظقة الرأس <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> 2- ضع الكود التالي مع بداية منطقة الجسم <body onLoad="runClock()">

تاريخ ميلادى بالعربى

تقويم ميلادى 1

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

تقويم ميلادى 2

تأثير فأرة1

<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"><font face="arial" size="-2">This free script provided by</font><br> <font face="arial, helvetica" size="-2"><a href="http://wsabstract.com">Website Abstraction</a></font></p> <SCRIPT LANGUAGE="javascript" TYPE="text/javascript"> /* Submitted by Mike McGrath http://website.lineone.net/~mike_mcgrath Featured on Website Abstraction (http://wsabstract.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">  </STYLE>

تأثير فأرة 2

تأثير فأرة 3

تأثير فأرة 4

<A href="ضع الارتباط هنا" onMouseOver='alert("هذا هو التأثير")'> ضع اسم الارتباط</A>

زر يتغير عند مرور الفأرة عليه وينقلك لصفحة أخرى

كلمات تتبع الفأرة

كودكود رائع ونادر يمكنك من إستخدام صورتين عند مرور الفأرة على أحدهما تتغير إلى الثانية

<HEAD> <SCRIPT LANGUAGE="JavaScript">    </script> </HEAD>  <BODY> <a href="العنوان" onmouseover="image1.src='الصورة الثانية';" onmouseout="image1.src='الصورة الأولى';"> <img name="image1" src="الصورة الأولى" border=0></a> </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,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"> 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 + yBase*Math.sin((currStep + i*4)/12)*Math.cos(400+currStep/200); starsDiv.all[i].style.left = Xpos + xBase*Math.sin((currStep + i*3)/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 + yBase*Math.sin((currStep + j*4)/12)*Math.cos(400+currStep/200); document.layers[templayer].left = Xpos + xBase*Math.sin((currStep + j*3)/10)*Math.sin(currStep/200); } } currStep+= step; setTimeout("animateLogo()", 10); } animateLogo(); </script>

كود يستخدم لمنع إستخدام الزر الأيمن فى نسخ الصور

منع إستخدام الزر الأيمن فى أى حالة

كود لتجميد الصفحة عند الضغط بالزر الايمن مرة أخرى

وصلة تظهر عبارة عند مرور الفأرة عليها

زر تضغطه للذهاب للصفحة التالية وأخر للذهاب للصفحة السابقة

زر تضغطه تظهر رسالة

لينكات بدون خط

رابط مشع