جـافا سكريبت

أزرار وقوائـــم

قائمة جانبية

قائمة تظهر حين وضع الماوس عليها

واتبع التعليمات داخله<head> انسخ التالي في

وغير ما يلزم <body> انسخ ما يلي في

قائمه سريعه

مثل السابقة .. ولكنها ..أكثر حيوية وتجاوبا

وغير ما يلزم<head> انسخ التالي في

وغير ما يلزم <body> انسخ ما يلي في

<LAYER visibility="hide" top="20" name="object1" bgcolor="black" left="0" onmouseover="move(132)" onmouseout="move(-132)"> <script language="JavaScript1.2"> function positionmenu(){ move(-132) } if (document.all) {document.write('<DIV ID="object1" style="visibility:hidden;cursor:hand; Position : Absolute ;Left : 0px ;Top : 20px ;Z-Index : 20" onmouseover="move(132)" onmouseout="move(-132)">')} </script> <table border="0" cellpadding="0" cellspacing="1" width="150" bgcolor="#000000"> <tr><td bgcolor="#0099FF"> <font size="4" face="Arial"><b>Menu</b></font></td> <script language="JavaScript1.2"> document.write('<td align="center" rowspan="100" width="16" bgcolor="#FF6666"><span style="font-size:13px"><p align="center"><font face="Arial Black">S<br>I<br>D<br>E<br>M<br>E<br>N<BR>U</font></p></span></TD>') </script> </tr> <script language="JavaScript1.2"> </script> <tr> <td bgcolor="#0099FF"><font size="1" face="Arial"> </font></td> </TR> </table> <script language="JavaScript1.2"> if (document.all) {document.write('</DIV>')} window.onload=positionmenu </script> </LAYER>

قائمة ملتصقة بالماوس

عند الضغط على رأس القائمة تلتصق .. وعند الضغط مرتين تفلت

وغير ما يلزم <head> انسخ ما يلي في

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

بهذا الشكل <body>توضع هذه الجملة بين تنصيصتي

وغير ما يلزم <body> انسخ ما يلي في

<p align="center"> <br> </font> <div id="object1" style="position:absolute; visibility:show; left:50px; top:50px; z-index:2"> <table border=1 cellpadding=5> <tr> <td bgcolor=eeeeee align="center"><a href="javascript:void(0)" onmousedown="setObject(1)"><font face="Tahoma">MENU</font></a></td> </tr> <tr> <td align="center"> <font face="Tahoma"> <br> <a HREF="javascript:if(confirm('http://عنوان اللنك%20الاول/ \n\nThis file was not retrieved by Teleport Pro, because it is addressed on a domain or path outside the boundaries set for its Starting Address. \n\nDo you want to open it from the server?'))window.location='http://عنوان اللنك%20الاول/'" tppabs="http://عنوان اللنك%20الاول/">اللنك الاول</a><br> <a HREF="javascript:if(confirm('http://عنوان%20اللنك%20الثاني/ \n\nThis file was not retrieved by Teleport Pro, because it is addressed on a domain or path outside the boundaries set for its Starting Address. \n\nDo you want to open it from the server?'))window.location='http://عنوان%20اللنك%20الثاني/'" tppabs="http://عنوان%20اللنك%20الثاني/">اللنك الثاني</a><br> <a HREF="javascript:if(confirm('http://عنوان%20اللنك%20الثالث/ \n\nThis file was not retrieved by Teleport Pro, because it is addressed on a domain or path outside the boundaries set for its Starting Address. \n\nDo you want to open it from the server?'))window.location='http://عنوان%20اللنك%20الثالث/'" tppabs="http://عنوان%20اللنك%20الثالث/">اللنك الثالث</a><br> <a HREF="javascript:if(confirm('http://عنوان%20اللنك%20الرابع/ \n\nThis file was not retrieved by Teleport Pro, because it is addressed on a domain or path outside the boundaries set for its Starting Address. \n\nDo you want to open it from the server?'))window.location='http://عنوان%20اللنك%20الرابع/'" tppabs="http://عنوان%20اللنك%20الرابع/">اللنك الرابع</a><br> <a HREF="javascript:if(confirm('http://عنوان%20اللنك%20الخامس/ \n\nThis file was not retrieved by Teleport Pro, because it is addressed on a domain or path outside the boundaries set for its Starting Address. \n\nDo you want to open it from the server?'))window.location='http://عنوان%20اللنك%20الخامس/'" tppabs="http://عنوان%20اللنك%20الخامس/">اللنك الخامس</a></font> <p><font face="Tahoma">وهكذا</font></p> </td> </tr> </table> </div> <div id="object11" style="position:absolute; visibility:show; left:-70px; top:-70px; z-index:2"> </div>

قائمة منسدلة 1

وغير ما يلزم <body> انسخ ما يلي في

قائمة منسدلة 2

وغير ما يلزم <body> انسخ ما يلي في

وقد تكون الأفضل من السابق

وغير ما يلزم <body> انسخ ما يلي في

<span id="staticcombo" style="position:absolute;left:0;top:0;visibility:hidden"> <form name="jumpy"> <p><select name="example" size="1" onChange="gone()" style="font-family: Tahoma; font-size: 10pt"> <option selected>اختر صفحة</option> <option value="http://عنوان الصفحة">اسم الصفحة</option> <option value="http://عنوان الصفحة">اسم الصفحة</option> <option value="http://عنوان الصفحة">اسم الصفحة</option> <option value="http://عنوان الصفحة">اسم الصفحة</option> <option value="mailto:عنوان البريد">البريد</option> </select> <script language="javascript">  </script> <input type="button" name="test" value="Go!" onClick="gone()"> </p> </form> </span> <script language="JavaScript1.2"> var combowidth='' var comboheight='' function initialize(){ if (document.all){ combowidth=staticcombo.offsetWidth comboheight=staticcombo.offsetHeight setInterval("staticit_ie()",50) staticcombo.style.visibility="visible" } else if (document.layers){ combowidth=document.staticcombo.document.width comboheight=document.staticcombo.document.height setInterval("staticit_ns()",50) document.staticcombo.visibility="show" } } function staticit_ie(){ staticcombo.style.pixelLeft=document.body.scrollLeft+document.body.clientWidth-combowidth-30 staticcombo.style.pixelTop=document.body.scrollTop+document.body.clientHeight-comboheight } function staticit_ns(){ document.staticcombo.left=pageXOffset+window.innerWidth-combowidth-30 document.staticcombo.top=pageYOffset+window.innerHeight-comboheight } window.onload=initialize </script>

أزرار تتغير خلفيتها مع المرور عليها

وغير ما يلزم<head> انسخ التالي في

وغير ما يلزم <body> انسخ ما يلي في

انسخ الصورتين في مجلد صفحتك

ازرار جافا

لا بد انك شاهدت هذه الازرار وتريد ان تعرف صنعها

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

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

class="dhtmlbutton" onMouseup="upeffect(this)" onMousedown="downeffect(this)" onMouseover="upeffect(this)" onMouseout="normaleffect(this)"

بهذا الشكل مثلا

وظلل الجدول بنفس لون الازرار

ولعمل رابطة لهذه الازرار ضع الجملة التاليةبعد الجملة الحمراء مباشرة" اي قبل القوس الاخير"

onClick="window.location='http:/عنوان الموقع'"

قائمة متحركة

حتى توفر لزوارك رفع الصفحة لاعلى .. اتبع ما يلي

بهذا الشكل <body>توضع هذه الجملة بين تنصيصتي

وغير ما يلزم <body> انسخ ما يلي في

<SCRIPT LANGUAGE="JavaScript"> function setVariables() { if (navigator.appName == "Netscape") { v=".top="; dS="document."; sD=""; y="window.pageYOffset"; } else { v=".pixelTop="; dS=""; sD=".style"; y="document.body.scrollTop"; } } function checkLocation() { object="object1"; yy=eval(y); eval(dS+object+sD+v+yy); setTimeout("checkLocation()",10); } </script> <div id="object1" style="position:absolute; visibility:show; left:0px; top:0px; z-index:5"> <table width=150 border=0 cellspacing=20 cellpadding=0 > <tr> <td bgcolor="#EAEAEA"><CENTER><b>Static Menu</b></CENTER></td> </tr> <tr> <td bgcolor="#EAEAEA"><a href="javascript:if(confirm('http://عنوان موقع 1/ \n\nThis file was not retrieved by Teleport Pro, because it is addressed on a domain or path outside the boundaries set for its Starting Address. \n\nDo you want to open it from the server?'))window.location='http://عنوان موقع 1/'" tppabs="http://عنوان موقع 1/" >اسم موقع1</a></td> </tr> <tr> <td bgcolor="#EAEAEA"><a href="javascript:if(confirm('http://عنوان موقع 2/ \n\nThis file was not retrieved by Teleport Pro, because it is addressed on a domain or path outside the boundaries set for its Starting Address. \n\nDo you want to open it from the server?'))window.location='http://عنوان موقع 2/'" tppabs="http://عنوان موقع 2/" >اسم موقع 2</a></td> </tr> <tr> <td bgcolor="#EAEAEA"><a href="javascript:if(confirm('http://عنوان موقع 3/ \n\nThis file was not retrieved by Teleport Pro, because it is addressed on a domain or path outside the boundaries set for its Starting Address. \n\nDo you want to open it from the server?'))window.location='http://عنوان موقع 3/'" tppabs="http://عنوان موقع 3/" >اسم موقع 3</a></td> </tr> <tr> <td bgcolor="#EAEAEA"><a href="javascript:if(confirm('http://www.addlinkat.com/java/java-script/عنوان موقع 4 \n\nThis file was not retrieved by Teleport Pro, because the server reports that this file cannot be found. \n\nDo you want to open it from the server?'))window.location='http://www.addlinkat.com/java/java-script/عنوان موقع 4'" tppabs="http://www.addlinkat.com/java/java-script/عنوان موقع 4" >اسم موقع 4</a></td> </tr> </table> </div>

قائمة منسدلة 4

كما تشاهد اعلى .. قائمة سهلة وانيقة الى حد ما :)

وغير ما يلزم<head>انسخ التالي في

غير في اسماء المواقع والروابط داخل الكود

بهذا الشكل <body>توضع هذه الجملة بين تنصيصتي

انسخ الملف التالي في المجلد التابعة له صفحتك

navcond.js