أخوي فالح نفس الطريقة اللي قلتي لي عليها سويتها بالضبط ولا ضبط معاي وحتى اللتكات تتكرر
وهذا هو ال html حق الصفحة :
<html>
<head>
<meta http-equiv="Content-Language" content="ar-sa">
<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="JavaScript1.2">
/*
Drop down menu link
© Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions,
100's more DHTML scripts, and Terms Of
Use, visit dynamicdrive.com
*/
//Contents for menu 1
var menu1=new Array()
menu1[0]='<a href=http://cnn.com>موقع السي أن أن</a><br>'
menu1[1]='<a href=http://bbc.com>موقع البي بي سي</a><br>'
menu1[2]='<a href=http://www.alriyadh-np.com/>جريدة الرياض</a><br>'
//Contents for menu 2
var menu2=new Array()
menu2[0]='<a href=test.htm>Menu link here</a><br>'
menu2[1]='<a href=test.htm>Menu link here</a><br>'
menu2[2]='<a href=test.htm>Menu link here</a><br>'
//Contents for menu 3
var menu3=new Array()
menu3[0]='<a href=test.htm>Menu link here</a><br>'
menu3[1]='<a href=test.htm>Menu link here</a><br>'
menu3[2]='<a href=test.htm>Menu link here</a><br>'
//Contents for menu 4
var menu4=new Array()
menu4[0]='<a href=test.htm>Menu link here</a><br>'
menu4[1]='<a href=test.htm>Menu link here</a><br>'
menu4[2]='<a href=test.htm>Menu link here</a><br>'
//Contents for menu 5
var menu5=new Array()
menu5[0]='<a href=test.htm>Menu link here</a><br>'
menu5[1]='<a href=test.htm>Menu link here</a><br>'
menu5[2]='<a href=test.htm>Menu link here</a><br>'
</script>
<style>
<!--
.iewrap1{
position:relative;
height:30px;
}
.iewrap2{
position:absolute;
}
#dropmenu0, #dropmenu1, #dropmenu2, #dropmenu3, #dropmenu4{
visibility:hide;
z-index:100;
}
-->
</style>
</head>
<body>
<table border="1" width="100%">
<tr>
<td width="50%">
<p align="center"><u><font face="MCS RECTANGLE" size="6">مرحبا بكم
</font></u></td>
<td width="50%"> </td>
</tr>
<tr>
<td width="50%"><script language="JavaScript1.2">
//reusable/////////////////////////////
var zindex=100
function dropit2(whichone){
if (window.themenu&&themenu.id!=whichone.id)
themenu.style.visibility="hidden"
themenu=whichone
if (document.all){
themenu.style.left=document.body.scrollLeft+event.clientX-event.offsetX
themenu.style.top=document.body.scrollTop+event.clientY-event.offsetY+18
if (themenu.style.visibility=="hidden"){
themenu.style.visibility="visible"
themenu.style.zIndex=zindex++
}
else{
hidemenu()
}
}
}
function dropit(e,whichone){
if (window.themenu&&themenu.id!=eval(whichone).id)
themenu.visibility="hide"
themenu=eval(whichone)
if (themenu.visibility=="hide")
themenu.visibility="show"
else
themenu.visibility="hide"
themenu.zIndex++
themenu.left=e.pageX-e.layerX
themenu.top=e.pageY-e.layerY+19
return false
}
function hidemenu(whichone){
if (window.themenu)
themenu.style.visibility="hidden"
}
function hidemenu2(){
themenu.visibility="hide"
}
if (document.all)
document.body.onclick=hidemenu
//reusable/////////////////////////////
</script>
<!----------Menu 1 starts here---------->
<ilayer height=35px>
<layer visibility=show><span class=iewrap2 onClick="dropit2(dropmenu0);event.cancelBubble=true;return false"><font face="Verdana"><b><a href="alternate.htm" onClick="if(document.layers) return dropit(event, 'document.dropmenu0')">مواقع
إخبارية</a></b></font> </span></layer>
</ilayer><br>
<!----------Menu 1 ends here---------->
<!----------Menu 2 starts here---------->
<ilayer height=35px>
<layer visibility=show>
<span class=iewrap1>
<span class=iewrap2 onClick="dropit2(dropmenu1);event.cancelBubble=true;return false"><font face=Verdana><b><a href="alternate.htm" onClick="if(document.layers) return dropit(event, 'document.dropmenu1')">Click here</a></b></font>
</span>
</span>
</layer>
</ilayer><br>
<!----------Menu 2 ends here---------->
<!----------Menu 3 starts here---------->
<ilayer height=35px>
<layer visibility=show>
<span class=iewrap1>
<span class=iewrap2 onClick="dropit2(dropmenu2);event.cancelBubble=true;return false"><font face=Verdana><b><a href="alternate.htm" onClick="if(document.layers) return dropit(event, 'document.dropmenu2')">Click here</a></b></font>
</span>
</span>
</layer>
</ilayer><br>
<!----------Menu 3 ends here---------->
<!----------Menu 4 starts here---------->
<ilayer height=35px>
<layer visibility=show>
<span class=iewrap1>
<span class=iewrap2 onClick="dropit2(dropmenu3);event.cancelBubble=true;return false"><font face=Verdana><b><a href="alternate.htm" onClick="if(document.layers) return dropit(event, 'document.dropmenu3')">Click here</a></b></font>
</span>
</span>
</layer>
</ilayer><br>
<!----------Menu 4 ends here---------->
<!----------Menu 5 starts here---------->
<ilayer height=35px>
<layer visibility=show>
<span class=iewrap1>
<span class=iewrap2 onClick="dropit2(dropmenu4);event.cancelBubble=true;return false"><font face=Verdana><b><a href="alternate.htm" onClick="if(document.layers) return dropit(event, 'document.dropmenu4')">Click here</a></b></font>
</span>
</span>
</layer>
</ilayer><br>
<!----------Menu 5 ends here----------> </td>
<td width="50%"> </td>
</tr>
<tr>
<td width="50%"> </td>
<td width="50%"> </td>
</tr>
</table>
<div id=dropmenu0 style="position:absolute;left:0;top:0;layer-background-color:#000080;background-color:#009900;width:120;visibility:hidden;border:2px solid black;padding:0px">
<script language="JavaScript1.2">
if (document.all)
dropmenu0.style.padding="4px"
for (i=0;i<menu1.length;i++)
document.write(menu1)
</script>
</div>
<script language="JavaScript1.2">
if (document.layers){
document.dropmenu0.captureEvents(Event.CLICK)
document.dropmenu0.onclick=hidemenu2
}
</script>
<div id=dropmenu1 style="position:absolute;left:0;top:0;layer-background-color:lightyellow;background-color:lightyellow;width:120;visibility:hidden;border:2px solid black;padding:0px">
<script language="JavaScript1.2">
if (document.all)
dropmenu1.style.padding="4px"
for (i=0;i<menu2.length;i++)
document.write(menu2)
</script>
</div>
<script language="JavaScript1.2">
if (document.layers){
document.dropmenu1.captureEvents(Event.CLICK)
document.dropmenu1.onclick=hidemenu2
}
</script>
<div id=dropmenu2 style="position:absolute;left:0;top:0;layer-background-color:lightyellow;background-color:lightyellow;width:120;visibility:hidden;border:2px solid black;padding:0px">
<script language="JavaScript1.2">
if (document.all)
dropmenu2.style.padding="4px"
for (i=0;i<menu3.length;i++)
document.write(menu3)
</script>
</div>
<script language="JavaScript1.2">
if (document.layers){
document.dropmenu2.captureEvents(Event.CLICK)
document.dropmenu2.onclick=hidemenu2
}
</script>
<div id=dropmenu3 style="position:absolute;left:0;top:0;layer-background-color:lightyellow;background-color:lightyellow;width:120;visibility:hidden;border:2px solid black;padding:0px">
<script language="JavaScript1.2">
if (document.all)
dropmenu3.style.padding="4px"
for (i=0;i<menu4.length;i++)
document.write(menu4)
</script>
</div>
<script language="JavaScript1.2">
if (document.layers){
document.dropmenu3.captureEvents(Event.CLICK)
document.dropmenu3.onclick=hidemenu2
}
</script>
<div id=dropmenu4 style="position:absolute;left:0;top:0;layer-background-color:lightyellow;background-color:lightyellow;width:120;visibility:hidden;border:2px solid black;padding:0px">
<script language="JavaScript1.2">
if (document.all)
dropmenu4.style.padding="4px"
for (i=0;i<menu5.length;i++)
document.write(menu5)
</script>
</div>
<script language="JavaScript1.2">
if (document.layers){
document.dropmenu4.captureEvents(Event.CLICK)
document.dropmenu4.onclick=hidemenu2
}
</script>
</body>
</html>
