Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: Общие вопросы > Static Menu


Автор: Leshiy 11.7.2002, 12:58
People Help! Ia skachal menu napisannoe na Java Script i prisposobil script chtob menu peredvigalos s okoshkom kogda dvigaesh Scrolling bar. Ia optimiziroval pod Internet Explorer 6 no ne mogy optimizirovat pod Netscape 4.7.
Menu sdelano v tablicah! Please HELP!!!!!!!!!!!!!!!!!!!!!!!!!     :exclamation  :notify

Автор: Cepera 11.7.2002, 15:47
по идее с таким вопросом надо и код приводить, иначе как понять вопрос?

Автор: Leshiy 11.7.2002, 16:14
Davai bez problem tolko adres pochtovii dai tam 4 faila!

Автор: Cepera 12.7.2002, 07:11
хм. а нельзя привести кусок кода , где как раз и есть вывод на экран, насколько я понимаю речь идет о слоях

Автор: Leshiy 12.7.2002, 11:33
POjaluist!: Pervii script eto na otkritie podmenu   a vtoroi na samo peredvijenie! Vot tam 2 podmenu i glavnoe!!!!
<script language="JavaScript">

ns=window.navigator.appName == "Netscape"
ie=window.navigator.appName == "Microsoft Internet Explorer"

function openIt(x) {
if(ns) {
  showbox= document.layers[x+1]
    showbox.visibility = "show"
      showbox.top=24   <!-- Here ou can change the top properties of the Sub-menu -->
   var items = 5      
    for (i=1; i<=items; i++) {
     elopen=document.layers[i]
       if (i != (x + 1)) {
         elopen.visibility = "hide" }
           }
 }    

if(ie) {
 

  showBox = document.all.box[x];
    showBox.style.visibility = "visible";
       showBox.style.top = 24;    <!-- Here ou can change the top properties of the Sub-menu -->

       
  var items = 5
   for (i=0; i<items; i++) {
     elOpen=document.all.box[i]
      barEl=document.all.mnubar[i]
       if (i != x){
         elOpen.style.visibility = "hidden"
       
      }
    }
  }
}

function closeIt() {
  var items = 5
    for (i=0; i<items; i++) {
      if(ie){
       document.all.box[i].style.visibility = "hidden"
         barEl=document.all.mnubar[i]
         
      }
      if(ns){ document.layers[i+1].visibility = "hide"}          
}
}


</script>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!--- *** BEGIN CUT - Demo starts here *** --->
<!--- *** Another xLayer demo from www.Roy.Whittle.com *** --->
<script language="JavaScript" src="js_files/xLayer.js"></script>
<script
language="JavaScript" src="js_files/xBrowser.js"></script>
<script language="JavaScript"
src="js_files/staticMenu.js"></script>
<script language="JavaScript">
function start()
{
CreateStaticMenu("MenuDiv", 100, 0);
}
</script>

<base target="main">
</head>

<body TEXT="#58F4FF" TOPMARGIN="0" LEFTMARGIN="0" MARGINHEIGHT="0" MARGINWIDTH="0"
background="NEP_files/DANTEbg.gif" bgproperties="fixed" onload="start()">
<!-- *** START - Here is the menu, make it as fancy as you like *** --->
<div align="center" id="MenuDiv"
style="left: 10px; WIDTH: 100px;POSITION: absolute; TOP: 10px"><div align="center"><center>

<table border="0" cellpadding="0" cellspacing="0" width="776" bgcolor="#38C0FF"
height="20" style=" Z-INDEX:200">
 <tr>
   <td align="center" nowrap width="117"><a href onmouseover="openIt(0)" id="mnubar">GЙANT
   IP Network </a></td>
   <td align="center" nowrap width="189"><a href onmouseover="openIt(1)" id="mnubar">Service
   Descriptions </a></td>
   <td align="center" nowrap width="153"><a href onmouseover="openIt(2)" id="mnubar">Network
   Monitoring activities </a></td>
   <td align="center" nowrap width="153"><a href onmouseover="openIt(3)" id="mnubar">European
   Distributed Access </a></td>
   <td align="center" nowrap width="153"><a href onmouseover="openIt(4)" id="mnubar">Projects
   </a></td>
   <td align="center" nowrap width="153"><a href="Body.htm" target="main">Main Page</a></td>
   <td align="center" nowrap width="20"><a onmouseover="closeIt()" id="mnubar">X</a></td>
 </tr>
</table>
</center></div><div ONMOUSEOUT="closeIt()"><layer ONMOUSEOUT="closeIt()">
</layer>
</div><!-- Menu -->
<div id="box"
style="position:absolute;left:0; Z-INDEX:100">

<table border="1" id="blackbox" width="153" bgcolor="#000000" bordercolor="#FFFFFF">
 <tr>
   <td width="153"><a href="http://www.dante.net/dante/operations/geant/geant-topology.gif"
   target="main">Planned topology</a></td>
 </tr>
 <tr>
   <td width="153"><a href="http://www.dante.net/nep/geant-status.gif" target="main">Current
   topology</a></td>
 </tr>
 <tr>
   <td width="153"><a href="http://www.dante.net/nep/routing/" target="main">Routing</a></td>
 </tr>
 <tr>
   <td width="153"><a
   href="file:///C|/WINNT/Profiles/Jeronkin/Personal/Web%20files/GЙANT%20Multicast.htm"
   target="main">Multicast setup</a></td>
 </tr>
 <tr>
   <td align="right"><a href onmouseover="closeIt()" id="mnubar">X</a></td>
 </tr>
</table>
</div><!-- Menu -->
<div id="box" style="position:absolute;left:153; Z-INDEX:101">

<table border="1" id="blackbox" width="153" bgcolour="#000000" bordercolour="#ffffff"
bordercolor="#FFFFFF">
 <tr>
   <td><a href="http://www.dante.net/nep/GEANT-MULTICAST/service-policy.html" target="main">Multicast</a></td>
 </tr>
 <tr>
   <td><a href="http://www.dante.net/security" target="main">Security</a></td>
 </tr>
 <tr>
   <td><a href>Standard IP</a></td>
 </tr>
 <tr>
   <td align="right"><a href onmouseover="closeIt()" id="mnubar">X</a></td>
 </tr>
</table>
</div></div>

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)