//من هنا تستطيع تغيير خصائص القائمة من خطوط واحجام ووضع النص وغير ذلك <style> <!-- .skin0 { position:absolute; text-align:left; width:100px; border:2px solid black; background-color:menu; font-family:Verdana; line-height:20px; cursor:default; visibility:hidden; } .skin1 { cursor:default; font:menutext; position:absolute; text-align:right; font-family: tahoma; font-size: 8pt; width:100px; background-color:menu; border:1 solid buttonface; visibility:hidden; border:3 outset buttonhighlight; } .menuitems { padding-left:15px; padding-right:10px; } --> </style> <SCRIPT LANGUAGE="JavaScript1.2"> <!-- Begin var menuskin = "skin1"; // skin0, or skin1 var display_url = 0; // Show URLs in status bar? function showmenuie5() { var rightedge = document.body.clientWidth-event.clientX; var bottomedge = document.body.clientHeight-event.clientY; if (rightedge < ie5menu.offsetWidth) ie5menu.style.left = document.body.scrollLeft + event.clientX - ie5menu.offsetWidth; else ie5menu.style.left = document.body.scrollLeft + event.clientX; if (bottomedge < ie5menu.offsetHeight) ie5menu.style.top = document.body.scrollTop + event.clientY - ie5menu.offsetHeight; else ie5menu.style.top = document.body.scrollTop + event.clientY; ie5menu.style.visibility = "visible"; return false; } function hidemenuie5() { ie5menu.style.visibility = "hidden"; } function highlightie5() { if (event.srcElement.className == "menuitems") { event.srcElement.style.backgroundColor = "highlight"; event.srcElement.style.color = "white"; if (display_url) window.status = event.srcElement.url; } } function lowlightie5() { if (event.srcElement.className == "menuitems") { event.srcElement.style.backgroundColor = ""; event.srcElement.style.color = "black"; window.status = ""; } } function jumptoie5() { if (event.srcElement.className == "menuitems") { if (event.srcElement.getAttribute("target") != null) window.open(event.srcElement.url, event.srcElement.getAttribute("target")); else window.location = event.srcElement.url; } } // End --> </script>

//هنا ضع روابطك وجملها <div id="ie5menu" class="skin0" onMouseover="highlightie5()" onMouseout="lowlightie5()" onClick="jumptoie5();"> <div class="menuitems" url="http://link1">نص الرابطة 1</div> <div class="menuitems" url="http://link2">نص الرابطة 2</div> <hr> <div class="menuitems" url="http://link3">نص الرابطة 3</div> <div class="menuitems" url="http://link4">نص الرابطة 4</div> <hr> <div class="menuitems" url="http://link5">نص الرابطة 5</div> <div class="menuitems" url="http://link6">نص الرابطة 6</div> </div> <script language="JavaScript1.2"> if (document.all && window.print) { ie5menu.className = menuskin; document.oncontextmenu = showmenuie5; document.body.onclick = hidemenuie5; } </script>