3顶

页面左侧隐藏菜单

稿源：互联网 2022-04-07 23:08:43 点击： 3955 撤稿纠错

隐藏菜单效果，鼠标经过后弹出，可自定义。

以下讨论的是和菜单特效隐藏相关的页面左侧隐藏菜单教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

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

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

function makeStatic() {
if (document.all) {object1.style.pixelTop=document.body.scrollTop+20}
else {eval('document.object1.top=eval(window.pageYOffset+20)');}
setTimeout("makeStatic()",0);}

</SCRIPT>

<STYLE type=text/css>.hl {
	BACKGROUND-COLOR: green; COLOR: white; CURSOR: hand
}
.n {
	
}
</STYLE>

<LAYER class=NS onmouseout="move(-132, 0)" 
onmouseover="move(132, 0)" left="0" bgcolor="black" name="object1" top="20" 
visibility="hide">
<SCRIPT language=JavaScript1.2>
if (document.all)
document.write('<DIV ID="object1" style="Position : Absolute ;Left : -82px ;Top : 20px ;Width : 0px ;Z-Index : 20">')
</SCRIPT>

<TABLE bgColor=#000000 border=0 cellPadding=2 cellSpacing=1 
onmouseout="move(-82, 0)" onmouseover=move(82,0) width=100>
  <TBODY>
  <TR>
    <TD bgColor=#009900><FONT face=宋体 size=3><B>导航菜单</B></FONT></TD>
    <TD align=middle bgColor=#006600 rowSpan=100 width=12>
      <SCRIPT language=JavaScript1.2>
if (document.all||document.layers)
document.write('<p align="center"><font size="2" face="Arial Black">S<br>I<br>D<br>E<br>M<br>E<br>N<br>U</font>
')
</SCRIPT>
    </TD></TR>
  <SCRIPT language=JavaScript1.2>
<!--
if (document.all||document.layers)
makeStatic();

if (document.layers) {
window.onload=position;
}

var sitems=new Array();
var sitemlinks=new Array();

// 配置以下

sitems[0]="WWW.CHINAZ.COM";
sitems[1]="WWW.CHINAZ.COM";
sitems[2]="WWW.CHINAZ.COM";
sitems[3]="WWW.CHINAZ.COM";

sitemlinks[0]="http://WWW.CHINAZ.COM";
sitemlinks[1]="http://WWW.CHINAZ.COM/";
sitemlinks[2]="http://WWW.CHINAZ.COM/";
sitemlinks[3]="WWW.CHINAZ.COM";

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>')}
else if (document.layers){document.write('<TR><TD bgcolor="white"><FONT SIZE=2><A HREF="'+sitemlinks[i]+'">'+sitems[i]+'</A></FONT></TD></TR>')}

function hl(n) {
n.className='hl'}
function n(h) {
h.className='n'}
//--></SCRIPT>
  </TBODY></TABLE>
<SCRIPT language=JavaScript1.2>
if (document.all)
document.write('</DIV>')
</SCRIPT>
</LAYER>

<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

关于页面左侧隐藏菜单的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/20080907303.shtml方便下次再访问哦。

·上一篇： 菜单逐个跳出效果
·下一篇： 图形渐隐导航菜单栏

文章分类LIST >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

页面左侧隐藏菜单

文章分类LIST >>返回首页

最新游戏

最新新闻