قائمة متشعبة 1

طريقة التركيب

1- انسخ هذا الكود و ضعه في منطقة HEAD

// www.elahmad.com
</script>

2- انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY

<div align="center"><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>

<ilayer height="35px">
<layer visibility="show">
<span class="iewrap1">
<span class="iewrap2" onClick="dropit2(dropmenu0);event.cancelBubble=true;return false"><font face=Arial><b><a href="#" onClick="if(document.layers) return dropit(event, 'document.dropmenu0')">المجموعة الأولى</a></b></font>
</span>
</span>
</layer>
</ilayer><br>

<ilayer height="35px">
<layer visibility="show">
<span class="iewrap1">
<span class="iewrap2" onClick="dropit2(dropmenu1);event.cancelBubble=true;return false"><font face=Arial><b><a href="#" onClick="if(document.layers) return dropit(event, 'document.dropmenu1')">المجموعة الثانية</a></b></font>
</span>
</span>
</layer>
</ilayer><br>

<ilayer height="35px">
<layer visibility="show">
<span class="iewrap1">
<span class="iewrap2" onClick="dropit2(dropmenu2);event.cancelBubble=true;return false"><font face=Arial><b><a href="#" onClick="if(document.layers) return dropit(event, 'document.dropmenu2')">المجموعة الثالثة</a></b></font>
</span>
</span>
</layer>
</ilayer><br>

<ilayer height="35px">
<layer visibility="show">
<span class="iewrap1">
<span class="iewrap2" onClick="dropit2(dropmenu3);event.cancelBubble=true;return false"><font face=Arial><b><a href="#" onClick="if(document.layers) return dropit(event, 'document.dropmenu3')">المجموعة الرابعة</a></b></font>
</span>
</span>
</layer>
</ilayer><br>

<ilayer height="35px">
<layer visibility="show">
<span class="iewrap1">
<span class="iewrap2" onClick="dropit2(dropmenu4);event.cancelBubble=true;return false"><font face=Arial><b><a href="#" onClick="if(document.layers) return dropit(event, 'document.dropmenu4')">المجموعة الخامسة</a></b></font>
</span>
</span>
</layer>
</ilayer><br>

<div id="dropmenu0" 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)
dropmenu0.style.padding="4px";
for (i=0;i<menu1.length;i++)
document.write(menu1[i]);
</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[i]);
</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[i]);
</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[i]);
</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[i]);
</script>
</div>
<script language="JavaScript1.2">
if (document.layers){
document.dropmenu4.captureEvents(Event.CLICK);
document.dropmenu4.onclick=hidemenu2;
}
</script></div>

قائمة متشعبة 1

قائمة-متشعبة-1-java-script