Loading
دروس فيديو
برامج اساسية
شرح البرامج
اخبار الانترنت
تصميم المنتديات
مكتبة الالعاب
مكتبة البرامج
تصميم المواقع
الدعم الفنى
نظم التشغيل
مكافحة الفيروسات
اكود الجافا
الفوتوشوب
الفلاش والسويش
شبكات واتصالات
ديجى شات
منوعات
القوائم
شريط المهام
تأثيرات ماوس
الازرار
خلفيات
جافا ـ القوائم
قائمه منسدلة
<HEAD> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin function formHandler(form){ var URL = document.form.site.options[document.form.site.selectedIndex].value; window.location.href = URL; } // End --> </SCRIPT> </HEAD> <BODY> <center> <form name="form"> <select name="site" size=1> <option value="">Go to.... <option value="index.html">التهاني <option value="pc.html">الارتباطات <option value="java.html">الصور <option value="download.html">الالبوم <option value="net.html">الشعر <option value="http://www.zdnet.com">شبكة الرحال </select> <input type=button value="Go!" onClick="javascript:formHandler()"> </form> </center>
قائمة منسدلة ثانية
<!-- TWO STEPS TO INSTALL PULLDOWN MENU: 1. Paste the coding into the HEAD of your HTML document 2. Add the last code into the BODY of your HTML document --> <!-- STEP ONE: Copy this code into the HEAD of your HTML document --> <HEAD> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin function formHandler(){ var URL = document.form.site.options[document.form.site.selectedIndex].value; window.location.href = URL; // End --> } </SCRIPT> </HEAD> <!-- STEP ONE: Paste this code into the BODY of your HTML document --> <BODY> <CENTER> <FORM name = "form"> <SELECT NAME="site" SIZE=1 onChange ="formHandler()"> <OPTION VALUE="">Go to.... <OPTION VALUE="http://www.uaezayed.com">الرحال </SELECT></FORM> </CENTER>
قائمه ترافقك صعودا ونزولا
<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>Manayr</title> <STYLE TYPE="text/css"> <!-- .menuh { BORDER-COLOR : #FFFF99 ; cursor : hand ; Border-Left : #FFFF99 ; Border-Top : #FFFF99 ; Padding-Left : 1px ; Padding-Top : 1px ; Background-Color : #FFFF99 ; } .menu { Background-Color : #F9F4D9; } .home { cursor : hand ; } .menulinks{ text-decoration:none; } //--> </STYLE> </head> <body> <font color="#00FF00" face="Tahoma" size="2"><script language="Javascript1.2"> <!-- /* Static menu script III (By maXimus, maximus@nsimail.com, http://absolutegb.com/maximus/) Modified slightly/ permission granted to Dynamic Drive to feature script in archive For full source, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com */ //configure below variable for menu width, position on page var menuwidth=110 var offsetleft=10 var offsettop=90 function makeStatic() { if (document.all) {object1.style.pixelTop=document.body.scrollTop+offsettop} else{eval(document.object1.top=eval(window.pageYOffset+offsettop));} setTimeout("makeStatic()",0); } if (document.all) {document.write('<DIV ALIGN="CENTER" ID="object1" STYLE="Position:absolute; Top:20; Left:'+offsetleft+'; Z-Index:5;cursor:hand;background-color:black"><TABLE BORDER="1" width="'+menuwidth+'" CELLPADDING="0" CELLSPACING="0" BORDERCOLOR="black" bgcolor="#F9F4D9">')} else if (document.layers){ document.write('<LAYER top="20" name="object1" left="'+offsetleft+'" BGCOLOR=black><TABLE BORDER="0" CELLPADDING="0" CELLSPACING="1"><TR><TD><TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" width="'+menuwidth+'">')} if (document.all||document.layers) document.write('<TR><TD BGCOLOR="#E5E5E5" BORDERCOLORDARK="#F8DC6D" BORDERCOLORLIGHT="#F8DC6D"><P ALIGN=CENTER><font color="#FFFFFF" face="Tahoma" size="3">دليل الموقع</FONT></TD></TR>') var menui = new Array(); var menul = new Array(); //configure below for menu items. Extend list as desired menui[0]="الرحال"; menui[1]="الساحه"; menui[2]="ياهو"; menul[0]="http://www.uaezayed.com"; menul[1]="http://www.alsaha.com"; menul[2]="http://www.yahoo.com"; for (i=0;i<=menui.length-1;i++) if (document.all) {document.write('<TR><TD BORDERCOLOR="white" ONCLICK="location=\''+menul[i]+'\'" onmouseover="className=\'menuh\'" onMouseout="className=\'menu\'"><CENTER><FONT>'+menui[i]+'</FONT></TD></TR>')} else if (document.layers){document.write('<TR><TD BGCOLOR="white"><ILAYER><LAYER width="'+menuwidth+'" onmouseover="bgColor=\'yellow\'" onmouseout="bgColor=\'white\'"><CENTER><A HREF="'+menul[i]+'" class=menulinks>'+menui[i]+'</A></CENTER></LAYER></ILAYER></TD></TR>')} if (document.all) {document.write('</TABLE></DIV>')} else if (document.layers){document.write('</TABLE></TD></TR></TABLE></LAYER>')} function menu3(){ if (document.all||document.layers) makeStatic() } window.onload=menu3 //--> </script></font> </body> </html>
قائمه منبثقة
<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>المواقع </title> <style> <!-- #foldheader{cursor:hand ; font-weight:bold ; list-style-image:url(fold.gif)} #foldinglist{list-style-image:url(list.gif)} //--> </style> <script language="JavaScript1.2"> <!-- /** * Based on Folding Menu Tree * Dynamic Drive (www.dynamicdrive.com) * For full source code, installation instructions, * 100's more DHTML scripts, and Terms Of * Use, visit dynamicdrive.com * * Updated to support arbitrarily nested lists * by Mark Quinn (mark@robocast.com) November 2nd 1998 */ var head="display:''" img1=new Image() img1.src="fold.gif" img2=new Image() img2.src="open.gif" function change(){ if(!document.all) return if (event.srcElement.id=="foldheader") { var srcIndex = event.srcElement.sourceIndex var nested = document.all[srcIndex+1] if (nested.style.display=="none") { nested.style.display='' event.srcElement.style.listStyleImage="url(open.gif)" } else { nested.style.display="none" event.srcElement.style.listStyleImage="url(fold.gif)" } } } document.onclick=change //--> </script> </head> <body> <ul> </ul> <table border="0" width="700"> <tr> <td> <ul> <li id="foldheader"> المواقع </li> <ul id="foldinglist" style="display:none" style=&{head};> <li> <a href="http://www.uaezayed.cim/"> الرحال</a></li> <li> <a href="http://www.alsaha.com/"> الساحه</a></li> <li> <a href="http://www.yahoo.com/"> ياهو</a></li> </ul> </ul> </td> </tr> </table> </body> </html>
قائمه شفافة
<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>YAHOO</title> <script language="JavaScript"> var isIE4 = false; function CheckBrowser() { if (navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion.charAt(0) >= 4) { isIE4 = true; }} function mOvr(src,clrOver) { if (!src.contains(event.fromElement)) { src.style.cursor = 'hand'; src.bgColor = clrOver; src.children.tags('A')[0].style.color = '#ffffff';}} function mOut(src,clrIn) { if (!src.contains(event.toElement)) { src.style.cursor = 'default'; src.bgColor = clrIn; src.children.tags('A')[0].style.color = '#ffffff';}} function mClk(src) { if(event.srcElement.tagName=='TD'){src.children.tags('A')[0].click();} } function mOvrTop(src,clrOver) { if (!src.contains(event.fromElement)) { src.style.cursor = 'hand'; src.bgColor = clrOver;}} function mOutTop(src,clrIn) { if (!src.contains(event.toElement)) { src.style.cursor = 'default'; src.bgColor = clrIn;}} </script> </head> <body> <table cellspacing="3" cellpadding="0" border="0" width="420" align="center" bgcolor="#003366"> <tr> <td align="center" width="105" onmouseover="mOvr(this,'#9999cc');" onmouseout="mOut(this,'#666699');" onclick="mClk(this);" bgcolor="#666699"> <a style="color: #FFFFFF" href="http://www.uaezayed.com/"><font face="Verdana" size="4">الرحال</font></a> </td> <td align="center" width="105" onmouseover="mOvr(this,'#9999cc');" onmouseout="mOut(this,'#666699');" onclick="mClk(this);" bgcolor="#666699"> <a style="color: #FFFFFF" href="http://www.alsaha.com/"><font face="Verdana" size="4">الساحه</font></a> </td> <td align="center" width="105" onmouseover="mOvr(this,'#9999cc');" onmouseout="mOut(this,'#666699');" onclick="mClk(this);" bgcolor="#666699"> <a style="color: #FFFFFF" href="http://WWW.yahoo.com/"><font face="Verdana" size="4">ياهو</font></a> </td> </tr> </table> </body> </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>الرحال</title> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin function checkVersion4() { var x = navigator.appVersion; y = x.substring(0,4); if (y>=4) setVariables();moveOB(); } function setVariables() { if (navigator.appName == "Netscape") { h=".left=";v=".top=";dS="document.";sD=""; } else{ h=".pixelLeft=";v=".pixelTop=";dS="";sD=".style"; } objectX="object11" XX=-70; YY=-70; OB=11; } function setObject(a) { objectX="object"+a; OB=a; XX=eval("xpos"+a); YY=eval("ypos"+a); } function getObject() { if (isNav) document.captureEvents(Event.MOUSEMOVE); } function releaseObject() { if (isNav) document.releaseEvents(Event.MOUSEMOVE); check="no"; objectX="object11"; document.close(); } function moveOB() { eval(dS + objectX + sD + h + Xpos); eval(dS + objectX + sD + v + Ypos); } var isNav = (navigator.appName.indexOf("Netscape") !=-1); var isIE = (navigator.appName.indexOf("Microsoft") !=-1); nsValue=(document.layers); check="no"; function MoveHandler(e) { Xpos = (isIE) ? event.clientX : e.pageX; Ypos = (nsValue) ? e.pageY : event.clientY; if (check=="no") { diffX=XX-Xpos; diffY=YY-Ypos; check="yes"; if (objectX=="object11") check="no"; } Xpos+=diffX; Ypos+=diffY; if (OB=="1") xpos1=Xpos,ypos1=Ypos; moveOB(); } if (isNav) { document.captureEvents(Event.CLICK); document.captureEvents(Event.DBLCLICK); } xpos1=50; // make this the left pixel value for object1 below ypos1=50; // make this the top pixel value for object1 below xpos11 = -50; ypos11 = -50; Xpos=5; Ypos=5; document.onmousemove = MoveHandler; document.onclick = getObject; document.ondblclick = releaseObject; // End --> </script> </head> <body OnLoad="checkVersion4()"> <p align="center"><b>لتحريك القائمه اضغط مره واحده</b></p> <p align="center"><b>وظغتين لايقاف القائمه</b></p> <div id="object1" style="position:absolute; visibility:show; left:50px; top:50px; z-index:2"> <p align="center"> </p> <div align="center"> <center> <table border=1 cellpadding=5 bordercolor="#FF0000"> <tr> <td bgcolor=eeeeee align="center"><a href="javascript:void(0)" onmousedown="setObject(1)">مينيو متحرك</a></td> </tr> <tr> <td align="center"> <p align="center"> <br> <A HREF="javascript:void(0)">الرحال</A><br> <A HREF="javascript:void(0)">الساحه</a><br> <A HREF="javascript:void(0)">ياهو</a> </p> </td> </tr> </table> </center> </div> <p align="center"> </div> <div id="object11" style="position:absolute; visibility:show; left:-70px; top:-70px; z-index:2"> </div> </body>
قائمه يسرى جميلة
<script language="JavaScript1.2"> function move(x) { if (document.all) { object1.style.pixelLeft += x; object1.style.visibility = "visible"} else if (document.layers) { document.object1.left += x; document.object1.visibility = "show"}}; function makeStatic() { if (document.all) {object1.style.pixelTop=document.body.scrollTop+20} else {eval(document.object1.top=eval(window.pageYOffset+20));} setTimeout("makeStatic()",0);} </script> <head> <style> <!-- .hl { Background-Color : yellow; Cursor:hand; } .n { Cursor:hand; } --> </style> </head> <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">U<br>A<br>E<br>Z<br>A<br>Y<br>E<BR>D</font></p></span></TD>') </script> </tr> <script language="JavaScript1.2"><!-- if (document.all||document.layers) { makeStatic();} var text=new Array(); var thelink=new Array(); //configure thelinks below. Extend as desired text[0]="uaezayed"; text[1]="alsaha"; text[2]="hotmail"; text[3]="yahoo"; text[4]="Email"; thelink[0]="http://www.uaezayed.com"; thelink[1]="http://www.alsaha.com"; thelink[2]="http://www.hotmail.com"; thelink[3]="http://www.yahoo.com"; thelink[7]="mailto:ibra2002@hotmail.com"; function navigateie(which){ if (linktarget=='') window.location=thelink[which] else if (linktarget=='new') window.open(thelink[which]) else{ temp_var=eval("window.parent."+linktarget) temp_var.location=thelink[which] } } for (i=0;i<=text.length-1;i++) if (document.all) {document.write('<TR><TD height=20 bgcolor=white onclick="navigateie('+i+')" onmouseover="className=\'hl\'" onmouseout="className=\'n\'"><FONT SIZE=2 FACE=ARIAL> '+text[i]+'</FONT></TD></TR>')} else {document.write('<TR><TD bgcolor="white"><ILAYER><LAYER HEIGHT="18" onmouseover="this.bgColor=\'yellow\'" onmouseout="this.bgColor=\'white\'" width=131><FONT SIZE=2 FACE=ARIAL> <A HREF="'+thelink[i]+'" target="'+linktarget+'" id="nounderline">'+text[i]+'</A></FONT></LAYER></ILAYER></TD></TR>')} //--> </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>
قوائم منبثقة من الأعلى
<html> <head> <style> span { border:groove 2px; padding:3; font-family:arial; font-size:18; width:100; height:70; background-color:#c0c0c0; position:relative; top:-80; left:-10; } </style> <script language="JavaScript"> function showmenu(elmnt) { elmnt.style.top="-15" } function hidemenu(elmnt) { elmnt.style.top="-80" } </script> </head> <body> <p align="center"> <span onmouseover="showmenu(this)" onmouseout="hidemenu(this)"> <a href="http://www.uaezayed.com">الرحال</a><br /> <a href="http://www.alsaha.com">الساحة</a><br /><br /><hr align="center" /> المواقع<br /> </span> <span onmouseover="showmenu(this)" onmouseout="hidemenu(this)"> <a href="http://www.yahoo.com">Yahoo</a><br /> <a href="http://www.hotmail.com">hotmail</a><br /><br /><hr align="center" /> الايميل<br /> </span> </body> </html>
قائمه تتساقط من الأعلى
<script language="JavaScript"> <!-- Begin function dropMenu() { speed=35; topdistance=20; items=6; y=-50; ob=1; if (navigator.appName == "Netscape") { v=".top=",dS="document.",sD=""; } else { v=".pixelTop=",dS="",sD=".style"; } } function scrollItems() { if (ob<items+1) { objectX="object"+ob; y+=10; eval(dS + objectX + sD + v + y); if (y<topdistance) setTimeout("scrollItems()",speed); else y=-50, topdistance+=40, ob+=1, setTimeout("scrollItems()",speed); } } // End --> </script> <BODY onLoad="dropMenu(), scrollItems();" BGCOLOR="#000000" TEXT="#ff0000" LINK="#0000ff" VLINK="#0000ff" ALINK="#ff0000"> <div id="object1" style="position:absolute; visibility:show; left:175px; top:-50px; z-index:2"> <table border=1 width=150 bgcolor=c0c0c0> <td> <center> <a href=http://www.uaezayed.com/>uaezayed</a> </center> </td> </table> </div> <div id="object2" style="position:absolute; visibility:show; left:175px; top:-50px; z-index:2"> <table border=1 width=150 bgcolor=c0c0c0> <td> <center> <a href=http://www.alsaha.com/>alsaha</a> </center> </td> </table> </div> <div id="object3" style="position:absolute; visibility:show; left:175px; top:-50px; z-index:2"> <table border=1 width=150 bgcolor=c0c0c0> <td> <center> <a href=http://www.yahoo.com/>yahoo</a> </center> </td> </table> </div> <div id="object4" style="position:absolute; visibility:show; left:175px; top:-50px; z-index:2"> <table border=1 width=150 bgcolor=c0c0c0> <td> <center> <a href=http://www.hotmail.com/>hotmail</a> </center> </td> </table> </div> <div id="object5" style="position:absolute; visibility:show; left:175px; top:-50px; z-index:2"> <table border=1 width=150 bgcolor=c0c0c0> <td> <center> <a href=http://www.msn.com/>msn</a> </center> </td> </table> </div> <div id="object6" style="position:absolute; visibility:show; left:175px; top:-50px; z-index:2"> <table border=1 width=150 bgcolor=c0c0c0> <td> <center> <a href=http://www.altavista.com/>altavista</a> </center> </td> </table> </div> </body>
تغيير اللون
المنتديات
<
الدردشة
<
اخبار مصورة
<
احدث الاخبار
<
سياسة
<
الحوادث
<
الاقتصاد
<
متنوعة
<
الرياضة اليوم
<
عالم المرأة
<
المطبخ العربى
<
للكبار فقط
<
دنيا ودين
<
القرأن الكريم
<
عمرو خالد
<
الاعجاز العلمى
<
دليل المواقع
<
مكتبة الجوال
<
بطاقات فلاش
<
عالم الابراج
<
البوم الصور
<
عالم الجن
<
قاموس روش
<
اسماء ومعانى
<
امثال شعبية
<
اضحك مع النكت
<
سجل الزوار
<
اعلانات
<
المراسلة
<
خدمات حكومية
<
راديو
<
تلفزيون مباشر
<
21117
سياسة الخصوصية
||
منتديات
||
دردشة
||
احدث الاخبار
||
الرياضة اليوم
||
مجلة زووم
||
عالم المرأة
||
المطبخ العربى
||
للكبار فقط
دنيا ودين
||
القرأن الكريم
||
عمرو خالد
||
دليل المواقع
||
خدمات الموقع
||
خدمات حكومية
||
المراسلة
||