جافا ـ قوائم
قائمه منسدلة
<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.sahran.4mg.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.sahran.4mg.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.sahran.4mg.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.sahran.4mg.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.sahran.4mg.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]="sahran"; text[1]="alsaha"; text[2]="hotmail"; text[3]="yahoo"; text[4]="Email"; thelink[0]="http://www.sahran.4mg.com"; thelink[1]="http://www.alsaha.com"; thelink[2]="http://www.hotmail.com"; thelink[3]="http://www.yahoo.com"; thelink[7]="mailto:sahran90@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.sahran.4mg.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.sahran.4mg.com/>sahran</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> <div style="position:relative;top:-50;z-index:0;background:saftextr.jpg;">
