<style type="text/css"> <!-- .menu0 { position:absolute; width:140px; border:2px solid black; background-color:#c0c0c0; line-height:20px; cursor:default; visibility:hidden; } .menu1 { cursor:default; font:10pt; position:absolute; width:140px; background-color:#c0c0c0; border:1 solid buttonface; visibility:hidden; border: 2 outset buttonhighlight; } .menu { padding-left:15px; padding-right:10px; } //--> </style> <script language="JavaScript"> <!-- var menuskin=1 var display_url=0 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=="menu"){ event.srcElement.style.backgroundColor="highlight" event.srcElement.style.color="#ffffff" if (display_url==1) window.status=event.srcElement.url } } function lowlightie5(){ if (event.srcElement.className=="menu"){ event.srcElement.style.backgroundColor="#c0c0c0" event.srcElement.style.color="#000000" window.status='' } } function jumptoie5(){ if (event.srcElement.className=="menu"){ if (event.srcElement.getAttribute("target")!=null) window.open(event.srcElement.url,event.srcElement.getAttribute("target")) else window.location=event.srcElement.url } } //--> </script> <div id="ie5menu" class="menu0" onMouseover="highlightie5()" onMouseout="lowlightie5()" onClick="jumptoie5()"> <div class="menu" url="index.htm">Текст</div> <hr width="96%"> <div class="menu" url="index1.htm">Текст1</div> <div class="menu" url="index2.htm">Текст2</div> <div class="menu" url="index3.htm">Текст3</div> <div class="menu" url="index4.htm">Текст4</div> <div class="menu" url="index5.htm">Текст5</div> <div class="menu" url="index6.htm">Текст6</div> </div> <script language="JavaScript"> <!-- if (document.all&&window.print){ if (menuskin==0) ie5menu.className="menu0" else ie5menu.className="menu1" document.oncontextmenu=showmenuie5 document.body.onclick=hidemenuie5 } //--> </script>
Результат.
Нажми правой кнопкой мыши.
