مرحبا فى موقع جافا لتصميم المواقع
أكواد متنوعة
كود لاظهار حكمة تتغير كلما يدخل الزائر الصفحة
<!-- Begin var a = Math.random() + "" var rand1 = a.charAt(5) quotes = new Array quotes[1] = "لا حك جسمك مثل ظفرك" quotes[2] = "من حفر حفرة لاخيه وقع فيه" quotes[3] = "اللهم علمني ما نسيت و ذكرني بما جهلت" quotes[4] = "إن الله و ملائكته يصلون على النبي يا أيها اللذين آمنوا صلوا و سلموا عليه تسليما" quotes[5] = "لا خير فى القول إلا مع العمل " quotes[6] = "لا خير في الفقه إلا مع الورع" quotes[7] = "خمس خصال تكون فى الجاهل،الغضب في غير غضب،والكلام في غير نفع،والعطية في غير موضع، والثقة بكل احد، وأن لا يعرف صديقه من عدوه" quotes[8] = "لتكن كبيرة أو صغيرة فهي بلادي و ليكن بعيد أو قريب فه ابن بلدي - مثل صيني" quotes[9] = "لا إله إلا الله" quotes[0] = "بلادي و إن جارت علي عزيزة" var quote = quotes[rand1] document.write(quote); // End --></textarea></a></p> </form></td> </font> </tr> <tr> <td width="100%" height="18"> <hr size="1" color="#800000"> </td> </tr> <tr> <td width="100%" height="18"> <p align="center"><font face="Tahoma" size="2" color="#333300">نص مطبوع يظهر في الصفحة</font> </td> </tr> <tr> <font face="Tahoma" color="#666633" size="2"><b> <td width="100%" height="219"> <form name="copy"> <p align="center"><a name="source"><input type="button" value="ضلل الكود" onclick="javascript:this.form.txt.focus();this.form.txt.select();" style="font-family: Tahoma; font-size: 10pt; background-color: #666633; color: #FFFFFF"> </a><br> </b> <a name="source"><textarea name="txt" rows="8" cols="53" wrap="VIRTUAL" dir="ltr" style="background-color: #FFFFFF; color: #666633;"><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
كود لاضافة صورة تتحرك مع الفارة
<p align="center"> <script language="JavaScript"> <!-- This script and many more are available free online at --> <!-- The JavaScript Source!! http://go.to/Mr.T --> B=document.all; C=document.layers; T1=new Array("trail1.gif",38,35,"trail2.gif",30,31,"trail3.gif",28,26,"trail4.gif",22,21,"trail5.gif",16,16,"trail6.gif",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) // --></script> </p>
لاختيار صفحة خارجية اولاً انسخ الكود في رأس الصفحة :<SCRIPT LANGUAGE="JavaScript"> <!-- Begin function popUp() { props=window.open('اكتب عنوان الصفحة', 'poppage', 'toolbars=0, scrollbars=1, location=0, statusbars=0, menubars=0, resizable=1, width=500, height=500, left = 150, top = 50'); } // End --> </script>
ثانياُانسخ الكود بجانب عنوان الصفحة المراد الذهاب اليها <A HREF="javascript:popUp()">اضغط هنا</A>
عبارة مع تاثير فلاش على البار <script language="Javascript"> <!-- var text = "اكتب العبارة هنا" var speed = 200 var x = 0 function bb() { var a = text.substring(0,x) var b = text.substring(x,x+1).toUpperCase() var c = text.substring(x+1,text.length) window.status = a + b + c if (x == text.length) { x = 0 } else { x++ } setTimeout("bb()",speed) } bb(); //http://moneim.fws.com //--> </script>
صورة تتحرك مع الماوس <BODY> <div id="dot0" style="position: absolute; visibility: hidden; height: 11; width: 11;"><img src="../image/MhQV0mjbxuLlELGU.PNG" height=11 width=11></div> <div id="dot1" style="position: absolute; height: 11; width: 11;"><img src="../My Webs/image/MhQV0mjbxuLlELGU.PNG" height=11 width=11></div> <div id="dot2" style="position: absolute; height: 11; width: 11;"><img src="../My Webs/image/MhQV0mjbxuLlELGU.PNG" height=11 width=11></div> <div id="dot3" style="position: absolute; height: 11; width: 11;"><img src="../My Webs/image/MhQV0mjbxuLlELGU.PNG" height=11 width=11></div> <div id="dot4" style="position: absolute; height: 11; width: 11;"><img src="../My Webs/image/MhQV0mjbxuLlELGU.PNG" height=11 width=11></div> <div id="dot5" style="position: absolute; height: 11; width: 11;"><img src="../My Webs/image/MhQV0mjbxuLlELGU.PNG" height=11 width=11></div> <div id="dot6" style="position: absolute; height: 11; width: 11;"><img src="..My Webs//image/MhQV0mjbxuLlELGU.PNG" height=11 width=11></div> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin var nDots = 7; var Xpos = 0; var Ypos = 0; var DELTAT = .01; var SEGLEN = 10; var SPRINGK = 10; var MASS = 1; var GRAVITY = 50; var RESISTANCE = 10; var STOPVEL = 0.1; var STOPACC = 0.1; var DOTSIZE = 11; var BOUNCE = 0.75; var isNetscape = navigator.appName=="Netscape"; var followmouse = true; var dots = new Array(); init(); function init() { var i = 0; for (i = 0; i < nDots; i++) { dots[i] = new dot(i); } if (!isNetscape) { // I only know how to read the locations of the // <LI> items in IE //skip this for now // setInitPositions(dots) } // set their positions for (i = 0; i < nDots; i++) { dots[i].obj.left = dots[i].X; dots[i].obj.top = dots[i].Y; } if (isNetscape) { // start right away since they are positioned // at 0, 0 startanimate(); } else { // let dots sit there for a few seconds // sincey they're hiding on the real bullets setTimeout("startanimate()", 3000); } } function dot(i) { this.X = Xpos; this.Y = Ypos; this.dx = 0; this.dy = 0; if (isNetscape) { this.obj = eval("document.dot" + i); } else { this.obj = eval("dot" + i + ".style"); } } function startanimate() { setInterval("animate()", 20); } // This is to line up the bullets with actual LI tags on the page function setInitPositions(dots) { // initialize dot positions to be on top // of the bullets in the <ul> var startloc = document.all.tags("LI"); var i = 0; for (i = 0; i < startloc.length && i < (nDots - 1); i++) { dots[i+1].X = startloc[i].offsetLeft startloc[i].offsetParent.offsetLeft - DOTSIZE; dots[i+1].Y = startloc[i].offsetTop + startloc[i].offsetParent.offsetTop + 2*DOTSIZE; } // put 0th dot above 1st (it is hidden) dots[0].X = dots[1].X; dots[0].Y = dots[1].Y - SEGLEN; } // just save mouse position for animate() to use function MoveHandler(e) { Xpos = e.pageX; Ypos = e.pageY; return true; } // just save mouse position for animate() to use function MoveHandlerIE() { Xpos = window.event.x; Ypos = window.event.y; } if (isNetscape) { document.captureEvents(Event.MOUSEMOVE); document.onMouseMove = MoveHandler; } else { document.onmousemove = MoveHandlerIE; } function vec(X, Y) { this.X = X; this.Y = Y; } // adds force in X and Y to spring for dot[i] on dot[j] function springForce(i, j, spring) { var dx = (dots[i].X - dots[j].X); var dy = (dots[i].Y - dots[j].Y); var len = Math.sqrt(dx*dx + dy*dy); if (len > SEGLEN) { var springF = SPRINGK * (len - SEGLEN); spring.X += (dx / len) * springF; spring.Y += (dy / len) * springF; } } function animate() { // dots[0] follows the mouse, // though no dot is drawn there var start = 0; if (followmouse) { dots[0].X = Xpos; dots[0].Y = Ypos; start = 1; } for (i = start ; i < nDots; i++ ) { var spring = new vec(0, 0); if (i > 0) { springForce(i-1, i, spring); } if (i < (nDots - 1)) { springForce(i+1, i, spring); } // air resisitance/friction var resist = new vec(-dots[i].dx * RESISTANCE, -dots[i].dy * RESISTANCE); // compute new accel, including gravity var accel = new vec((spring.X + resist.X)/ MASS, (spring.Y + resist.Y)/ MASS + GRAVITY); // compute new velocity dots[i].dx += (DELTAT * accel.X); dots[i].dy += (DELTAT * accel.Y); // stop dead so it doesn't jitter when nearly still if (Math.abs(dots[i].dx) < STOPVEL && Math.abs(dots[i].dy) < STOPVEL && Math.abs(accel.X) < STOPACC && Math.abs(accel.Y) < STOPACC) { dots[i].dx = 0; dots[i].dy = 0; } // move to new position dots[i].X += dots[i].dx; dots[i].Y += dots[i].dy; // get size of window var height, width; if (isNetscape) { height = window.innerHeight; width = window.innerWidth; } else { height = document.body.clientHeight; width = document.body.clientWidth; } // bounce of 3 walls (leave ceiling open) if (dots[i].Y >= height - DOTSIZE - 1) { if (dots[i].dy > 0) { dots[i].dy = BOUNCE * -dots[i].dy; } dots[i].Y = height - DOTSIZE - 1; } if (dots[i].X >= width - DOTSIZE) { if (dots[i].dx > 0) { dots[i].dx = BOUNCE * -dots[i].dx; } dots[i].X = width - DOTSIZE - 1; } if (dots[i].X < 0) { if (dots[i].dx < 0) { dots[i].dx = BOUNCE * -dots[i].dx; } dots[i].X = 0; } // move img to new position dots[i].obj.left = dots[i].X; dots[i].obj.top = dots[i].Y; } } // End --> </script>
لادراج ساعة <script LANGUAGE="JavaScript"> <!-- This script and many more are available online from --> <!-- The JavaScript Source!! http://javascriptsource.com --> <!-- Begin var day=""; var month=""; var myweekday=""; var year=""; mydate = new Date(); myday = mydate.getDay(); mymonth = mydate.getMonth(); myweekday= mydate.getDate(); weekday= myweekday; myyear= mydate.getYear(); year = myyear if(myday == 0) day = " الأحد, " else if(myday == 1) day = " الأثنين, " else if(myday == 2) day = " الثلاثاء, " else if(myday == 3) day = " الاربعاء, " else if(myday == 4) day = " الخميس, " else if(myday == 5) day = " الجمعة, " else if(myday == 6) day = " السبت, " if(mymonth == 0) { month = "يناير "} else if(mymonth ==1) month = "فبراير " else if(mymonth ==2) month = "مارس " else if(mymonth ==3) month = "ابريل " else if(mymonth ==4) month = "مايو " else if(mymonth ==5) month = "يونيو " else if(mymonth ==6) month = "يوليو " else if(mymonth ==7) month = "اغسطس " else if(mymonth ==8) month = "سبتمبر " else if(mymonth ==9) month = "اكتوبر " else if(mymonth ==10) month = "نوفمبر " else if(mymonth ==11) month = "ديسمبر " // End --> </script> <!-- الخطوة الثانية--> <script> document.write("<b><font face=Tahoma size=1>" + day +myweekday ); document.write(month + ", " + year + "</font></b>"); </script>
جافا لتصميم المواقع
الأولى
جميع الحقوق محفوظةلعبد المنعم .copyright © 2000 Abd elmoneim. All rights reserved
