js左边伸缩导航菜单代码

作者：袖梨 2022-07-02

提示：您可以先修改部分代码再运行

js左边伸缩导航菜单代码

function move(x, y) {
if (document.all) {
object1.style.pixelLeft += x;
object1.style.pixelTop  += y;}
};

function position() {
document.object1.left += -132;
document.object1.top  += 0;
document.object1.visibility = "show"
};

function makeStatic() {
if (document.all) {object1.style.pixelTop=document.body.scrollTop+20}

}

</SCRIPT>

<STYLE type=text/<a href="http://www.111com.net/cssdiv/css.html" target="_blank">css</a>>.hl {
	BACKGROUND-COLOR: highlight; COLOR: white; CURSOR: hand
}

</STYLE>

</HEAD>
<BODY leftMargin=0 topMargin=0>

<CENTER>
    
<LAYER class=NS onmouseout="move(-132, 0)" onmouseover="move(132, 0)" left="0"             
bgcolor="black" name="object1" top="20" visibility="hide">            
<SCRIPT language=JavaScript>            
if (document.all)            
document.write('<DIV ID="object1" style="Position : Absolute ;Left : -132px ;Top : 20px ;Z-Index : 20">')            
</SCRIPT>            
</LAYER>            
<TABLE bgColor=#000000 border=0 cellPadding=2 cellSpacing=1             
onmouseout="move(-132, 0)" onmouseover=move(132,0) width=150>            
  <TBODY>            
  <TR>            
    <TD bgColor=#FFFFFF><B><FONT size=3 face="隶书">菜 单</FONT></B></TD>            
    <TD align=middle bgColor=#C0C0C0 rowSpan=100 width=12>            
      <SCRIPT language=JavaScript>            
if (document.all)            
document.write('<p align="center"><font size="3" color="#FFFFFF"  face="Arial Black">显<br>示<br>菜<br>单</font></p>')            
      </SCRIPT>            
    </TD></TR>            
  <SCRIPT language=JavaScript>            
          
        
makeStatic();            
            
     
            
var sitems=new Array();            
var sitemlinks=new Array();            
            
            
sitems[0]="TOM";            
sitems[1]="搜狐";        
sitems[2]="网易";

sitemlinks[0]="http://www.tom.com";            
sitemlinks[1]="http://www.sohu.com/";                     
sitemlinks[2]="http://www.yeah.net/";

for (i=0;i<=sitems.length-1;i++)     
       
if (document.all) {document.write('<TR><TD bgcolor=white onclick="location=''+sitemlinks[i]+''" onmouseover="className='hl'" onmouseout="className='n'"><FONT SIZE=2>'+sitems[i]+'</FONT></TD></TR>')}            
          
            
function hl(n) {            
n.className='hl'}
            
function n(h) {            
h.className='n'}

</SCRIPT>            
  </TBODY></TABLE>

提示：您可以先修改部分代码再运行