قسم الجافا

Free Web Hosting Provider - Web Hosting - E-commerce - High Speed Internet - Free Web Page

قسم الجافا

قسم الجافا 2

هذا الكود لحساب الوزن والطول

<body> <h2 align="center"><font color="#000080">Bodyfat </font><script language="JavaScript">  </script><font color="#000080">Calculator</font></h2> <form method="post" name="bodyfat"> <div align="center"><center><table border="2" cellpadding="5"> <TBODY> <tr> <td><font color="#000080" face="Tahoma">ذكر ولا أنثى؟</font><font face="Tahoma"><br> <input type="radio" checked name="gender" value="MalePick" align="left"> ذكر<br> <input type="radio" name="gender" value="FemPick" align="left"> أنثى<br> </font></td> <td valign="top"><font color="#000080" face="Tahoma">كم وزنك؟(lbs.)</font><font face="Tahoma"><br> <input type="text" size="8" name="weight"><br> <br> </font><font color="#000080" face="Tahoma">كم طولك بالإنش؟</font><font face="Tahoma"><br> <input type="text" size="8" name="waist"> </font></td> </tr> <tr> <td colspan="2"> <input type="button" value="أمسح" onclick="ClearForm(this.form)"> <input type="button" value="أحسب النتيجه" onclick="VerifyForm(this.form)"></td> </tr> <tr> <td colspan="2"><p align="center"><font color="#22165A"><font تناسق وزنك مع طولك هي </FONT> <input type="text" size="10" name="bodyfat"> </font></p> </td> </tr> <font color="#22165A"></TBODY></font> </table> </center></div> </form> <font color="#22165A"></font> </body>

ألة حاسبة

نص متحرك على زر

التاريخ والوقت

لوضع إعلانات متغيره

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

وصلة راقصة

أسهم تلحق الفأرة كما في الويندوز

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

دوائر ملونة مع الماوس

دوائر حمراء مع حركة الماوس

<head> انسخ مايلي في

<SCRIPT language="Javascript1.2">  </SCRIPT>

<body> و التالي في

<DIV id="trailSprite1" style="position: absolute; height:28px; width:36px;z-index: 100"> <img src="blanktrail.gif" height=28 width=36 border=0 name="trailSprite1img"> </DIV> <DIV id="trailSprite2" style="position: absolute; height:28px; width:26px;z-index: 10"> <img src="blanktrail.gif" height=28 width=36 border=0 name="trailSprite2img"> </DIV> <DIV id="trailSprite3" style="position: absolute; height:28px; width:36px;z-index: 10"> <img src="blanktrail.gif" height=28 width=36 border=0 name="trailSprite3img"> </DIV> <DIV id="trailSprite4" style="position: absolute; height:28px; width:36px;z-index: 10"> <img src="blanktrail.gif" height=28 width=36 border=0 name="trailSprite4img"> </DIV> <DIV id="trailSprite5" style="position: absolute; height:28px; width:36px;z-index: 10"> <img src="blanktrail.gif" height=28 width=36 border=0 name="trailSprite5img"> </DIV> <script language="JavaScript1.2"> if (document.all&&window.print) document.body.style.cssText="overflow-x:hidden;overflow-y:scroll" </script>

نقاط ملونة ثعبانية

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

عنقود متدلي

<div id="dot0" style="position: absolute; visibility: hidden; height: 11; width: 11;"><img src="bullet.gif" height=11 width=11></div> <div id="dot1" style="position: absolute; height: 11; width: 11;"><img src="bullet.gif" height=11 width=11></div> <div id="dot2" style="position: absolute; height: 11; width: 11;"><img src="bullet.gif" height=11 width=11></div> <div id="dot3" style="position: absolute; height: 11; width: 11;"><img src="bullet.gif" height=11 width=11></div> <div id="dot4" style="position: absolute; height: 11; width: 11;"><img src="bullet.gif" height=11 width=11></div> <div id="dot5" style="position: absolute; height: 11; width: 11;"><img src="bullet.gif" height=11 width=11></div> <div id="dot6" style="position: absolute; height: 11; width: 11;"><img src="bullet.gif" height=11 width=11></div> <script LANGUAGE="JavaScript">  </script>

انسخ الصورة التالية وضعها في مجلد الصفحة

الموج الأحمر

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

<< 1 | 2 | 3 | 4 >>