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

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

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

//Contents for menu 1

var menu1=new Array();

menu1[0]='<a href="../keyboard/www_elahmad_default_2.html">الرابط 1</a><br>';

menu1[1]='<a href="../keyboard/www_elahmad_default_2.html">الرابط 2</a><br>';

menu1[2]='<a href="../keyboard/www_elahmad_default_2.html">الرابط 3</a><br>';

//Contents for menu 2

var menu2=new Array();

menu2[0]='<a href="../keyboard/www_elahmad_default_2.html">الرابط 1</a><br>';

menu2[1]='<a href="../keyboard/www_elahmad_default_2.html">الرابط 2</a><br>';

menu2[2]='<a href="../keyboard/www_elahmad_default_2.html">الرابط 3</a><br>';

//Contents for menu 3

var menu3=new Array();

menu3[0]='<a href="../keyboard/www_elahmad_default_2.html">الرابط 1</a><br>';

menu3[1]='<a href="../keyboard/www_elahmad_default_2.html">الرابط 2</a><br>';

menu3[2]='<a href="../keyboard/www_elahmad_default_2.html">الرابط 3</a><br>';

//Contents for menu 4

var menu4=new Array();

menu4[0]='<a href="../keyboard/www_elahmad_default_2.html">الرابط 1</a><br>';

menu4[1]='<a href="../keyboard/www_elahmad_default_2.html">الرابط 2</a><br>';

menu4[2]='<a href="../keyboard/www_elahmad_default_2.html">الرابط 3</a><br>';

//Contents for menu 5

var menu5=new Array();

menu5[0]='<a href="../keyboard/www_elahmad_default_2.html">الرابط 1</a><br>';

menu5[1]='<a href="../keyboard/www_elahmad_default_2.html">الرابط 2</a><br>';

menu5[2]='<a href="../keyboard/www_elahmad_default_2.html">الرابط 3</a><br>';

// www.elahmad.com

</script>

<style>

<!--

.iewrap1{

position:relative;

height:30px;

}

.iewrap2{

position:absolute;

}

#dropmenu0, #dropmenu1, #dropmenu2, #dropmenu3, #dropmenu4{

visibility:hidden;

z-index:100;

}

-->

</style>

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

//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>

<span class="iewrap2" onClick="dropit2(dropmenu0);event.cancelBubble=true;return false"><font face=Arial><b><a href="120.htm#" onClick="if(document.layers) return dropit(event, 'document.dropmenu0')">المجموعة الأولى</a></b></font>

</span>

</layer>

</ilayer><br>

<span class="iewrap2" onClick="dropit2(dropmenu1);event.cancelBubble=true;return false"><font face=Arial><b><a href="120.htm#" onClick="if(document.layers) return dropit(event, 'document.dropmenu1')">المجموعة الثانية</a></b></font>

</span>

</layer>

</ilayer><br>

<span class="iewrap2" onClick="dropit2(dropmenu2);event.cancelBubble=true;return false"><font face=Arial><b><a href="120.htm#" onClick="if(document.layers) return dropit(event, 'document.dropmenu2')">المجموعة الثالثة</a></b></font>

</span>

</layer>

</ilayer><br>

<span class="iewrap2" onClick="dropit2(dropmenu3);event.cancelBubble=true;return false"><font face=Arial><b><a href="120.htm#" onClick="if(document.layers) return dropit(event, 'document.dropmenu3')">المجموعة الرابعة</a></b></font>

</span>

</layer>

</ilayer><br>

<span class="iewrap2" onClick="dropit2(dropmenu4);event.cancelBubble=true;return false"><font face=Arial><b><a href="120.htm#" onClick="if(document.layers) return dropit(event, 'document.dropmenu4')">المجموعة الخامسة</a></b></font>

</span>

</layer>

</ilayer><br>

if (document.all)

dropmenu0.style.padding="4px";

for (i=0;i<menu1.length;i++)

document.write(menu1[i]);

</script>

</div>

if (document.layers){

document.dropmenu0.captureEvents(Event.CLICK);

document.dropmenu0.onclick=hidemenu2;

}

</script>

if (document.all)

dropmenu1.style.padding="4px";

for (i=0;i<menu2.length;i++)

document.write(menu2[i]);

</script>

</div>

if (document.layers){

document.dropmenu1.captureEvents(Event.CLICK);

document.dropmenu1.onclick=hidemenu2;

}

</script>

if (document.all)

dropmenu2.style.padding="4px";

for (i=0;i<menu3.length;i++)

document.write(menu3[i]);

</script>

</div>

if (document.layers){

document.dropmenu2.captureEvents(Event.CLICK);

document.dropmenu2.onclick=hidemenu2;

}

</script>

if (document.all)

dropmenu3.style.padding="4px";

for (i=0;i<menu4.length;i++)

document.write(menu4[i]);

</script>

</div>

if (document.layers){

document.dropmenu3.captureEvents(Event.CLICK);

document.dropmenu3.onclick=hidemenu2;

}

</script>

if (document.all)

dropmenu4.style.padding="4px";

for (i=0;i<menu5.length;i++)

document.write(menu5[i]);

</script>

</div>

if (document.layers){

document.dropmenu4.captureEvents(Event.CLICK);

document.dropmenu4.onclick=hidemenu2;

}

</script></div>

أغلق هذه الصفحة