初级会员
<head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <script language="JavaScript"> var currTimerlinePoint = 0; var totalTimerlineFrames = 2; var timerlineTimer; var leftLine = 50; var timerIn; var timerOut; var timerlineArray = new Array(); timerlineArray[0]=''; timerlineArray[1]='menuItemOut()'; function runTimerline() { //if (totalTimerlineFrames > currTimerlinePoint) // { // eval( timerlineArray[currTimerlinePoint]); // currTimerlinePoint ++; // } //else {currTimerlinePoint = 0; clearTimeout(window.timerlineTimer); return false;} //window.timerlineTimer = setTimeout('runTimerline()',1000); window.timerlineTimer = setTimeout('menuItemOut()',500); } function stopTimerline() { clearTimeout(window.timerlineTimer); //currTimerlinePoint = 0; } function menuItemIn() { if( leftLine != 150) { item11.style.pixelLeft += 20; item11.filters.alpha.opacity += 20; item12.style.pixelLeft -= 20; item12.filters.alpha.opacity += 20; item13.style.pixelLeft += 20; item13.filters.alpha.opacity += 20; item14.style.pixelLeft -= 20; item14.filters.alpha.opacity += 20; item15.style.pixelLeft += 20; item15.filters.alpha.opacity += 20; item16.style.pixelLeft -= 20; item16.filters.alpha.opacity += 20; item17.style.pixelLeft += 20; item17.filters.alpha.opacity += 20; item18.style.pixelLeft -= 20; item18.filters.alpha.opacity += 20; item19.style.pixelLeft += 20; item19.filters.alpha.opacity += 20; item20.style.pixelLeft -= 20; item20.filters.alpha.opacity += 20; leftLine += 20; } else { clearTimeout(window.timerIn); return false; } timerIn=window.setTimeout('menuItemIn()',1); } function menuItemOut() { clearTimeout(window.timerIn); if (leftLine != 50) { item11.style.pixelLeft -= 20; item11.filters.alpha.opacity -= 20; item12.style.pixelLeft += 20; item12.filters.alpha.opacity -= 20; item13.style.pixelLeft -= 20; item13.filters.alpha.opacity -= 20; item14.style.pixelLeft += 20; item14.filters.alpha.opacity -= 20; item15.style.pixelLeft -= 20; item15.filters.alpha.opacity -= 20; item16.style.pixelLeft += 20; item16.filters.alpha.opacity -= 20; item17.style.pixelLeft -= 20; item17.filters.alpha.opacity -= 20; item18.style.pixelLeft += 20; item18.filters.alpha.opacity -= 20; item19.style.pixelLeft -= 20; item19.filters.alpha.opacity -= 20; item20.style.pixelLeft += 20; item20.filters.alpha.opacity -= 20; leftLine -= 20; } else { clearTimeout(window.timerOut); return false; } timerOut=window.setTimeout("menuItemOut()",1); } </script> </head> <body bgcolor="#FFFFFF" text="#000000"> <div style="position:absolute; left:0px; top:-30px"><div align=center id="menu01" style="position:absolute; left:150px; top:33px; width:100px; height:19px; z-index:1; background-color: #000099; layer-background-color: #000099; border: 1px none #000000;padding-top:3;cursor:hand;font-size:9pt" onmouseover='stopTimerline();menuItemIn()' onmouseout='runTimerline()'><font color=white>主菜单</div> <div align=center id="item11" style="position:absolute; left:50px; top:55px; width:99px; height:19px; z-index:2; background-color: #0099CC; layer-background-color: #0099CC; border: 1px none #000000; filter:alpha(opacity=0);padding-top:4;cursor:hand;font-size:9pt" onmouseover="this.style.backgroundColor= '#006699';stopTimerline()" onmouseout="this.style.backgroundColor= '#0099cc';runTimerline()">菜单项一</div> <div align=center id="item12" style="position:absolute; left:250px; top:77px; width:99px; height:19px; z-index:3; background-color: #0099CC; layer-background-color: #0099CC; border: 1px none #000000; filter:alpha(opacity=0);padding-top:3;cursor:hand;font-size:9pt" onmouseover="this.style.backgroundColor= '#006699';stopTimerline()" onmouseout="this.style.backgroundColor= '#0099cc';runTimerline()">菜单项二</div> <div align=center id="item13" style="position:absolute; left:50px; top:99px; width:99px; height:19px; z-index:4; background-color: #0099CC; layer-background-color: #0099CC; border: 1px none #000000; filter:alpha(opacity=0);padding-top:3;cursor:hand;font-size:9pt" onmouseover="this.style.backgroundColor= '#006699';stopTimerline()" onmouseout="this.style.backgroundColor= '#0099cc';runTimerline()">菜单项三</div> <div align=center id="item14" style="position:absolute; left:250px; top:121px; width:99px; height:19px; z-index:5; background-color: #0099CC; layer-background-color: #0099CC; border: 1px none #000000; filter:alpha(opacity=0);padding-top:3;cursor:hand;font-size:9pt" onmouseover="this.style.backgroundColor= '#006699';stopTimerline()" onmouseout="this.style.backgroundColor= '#0099cc';runTimerline()">菜单项四</div> <div align=center id="item15" style="position:absolute; left:50px; top:143px; width:99px; height:19px; z-index:6; background-color: #0099CC; layer-background-color: #0099CC; border: 1px none #000000; filter:alpha(opacity=0);padding-top:3;cursor:hand;font-size:9pt" onmouseover="this.style.backgroundColor= '#006699';stopTimerline()" onmouseout="this.style.backgroundColor= '#0099cc';runTimerline()">菜单项五</div> <div align=center id="item16" style="position:absolute; left:250px; top:165px; width:99px; height:19px; z-index:6; background-color: #0099CC; layer-background-color: #0099CC; border: 1px none #000000; filter:alpha(opacity=0);padding-top:3;cursor:hand;font-size:9pt" onmouseover="this.style.backgroundColor= '#006699';stopTimerline()" onmouseout="this.style.backgroundColor= '#0099cc';runTimerline()">菜单项六</div> <div align=center id="item17" style="position:absolute; left:50px; top:187px; width:99px; height:19px; z-index:6; background-color: #0099CC; layer-background-color: #0099CC; border: 1px none #000000; filter:alpha(opacity=0);padding-top:3;cursor:hand;font-size:9pt" onmouseover="this.style.backgroundColor= '#006699';stopTimerline()" onmouseout="this.style.backgroundColor= '#0099cc';runTimerline()">菜单项七</div> <div align=center id="item18" style="position:absolute; left:250px; top:209px; width:99px; height:19px; z-index:6; background-color: #0099CC; layer-background-color: #0099CC; border: 1px none #000000; filter:alpha(opacity=0);padding-top:3;cursor:hand;font-size:9pt" onmouseover="this.style.backgroundColor= '#006699';stopTimerline()" onmouseout="this.style.backgroundColor= '#0099cc';runTimerline()">菜单项八</div> <div align=center id="item19" style="position:absolute; left:50px; top:231px; width:99px; height:19px; z-index:6; background-color: #0099CC; layer-background-color: #0099CC; border: 1px none #000000; filter:alpha(opacity=0);padding-top:3;cursor:hand;font-size:9pt" onmouseover="this.style.backgroundColor= '#006699';stopTimerline()" onmouseout="this.style.backgroundColor= '#0099cc';runTimerline()">菜单项九</div> <div align=center id="item20" style="position:absolute; left:250px; top:253px; width:99px; height:19px; z-index:6; background-color: #0099CC; layer-background-color: #0099CC; border: 1px none #000000; filter:alpha(opacity=0);padding-top:3;cursor:hand;font-size:9pt" onmouseover="this.style.backgroundColor= '#006699';stopTimerline()" onmouseout="this.style.backgroundColor= '#0099cc';runTimerline()">菜单项十</div></div> </body>
查看详细资料
TOP
新手上路
原帖由 lipengadmin 于 2006-9-18 12:15 发表 六十六 透明的Div提示 [html] if ( had_tips != 1 ) { var _ua = document.all ? ((navigator.userAgent.indexOf('MSIE 5') > 5) ? "ie5" : "ie4") : "foo"; if (_ua != "foo" ) { ...
原帖由 utem123 于 2006-11-1 12:32 发表 微软公司主页 http://www.microsoft.com/china/ 页面顶部颜色渐变特效,不过只适合IE浏览器 [html] 无标题文档 [ ...
北菜园巷5号 高级会员
学习笔记 中级会员
原帖由 lipengadmin 于 2006-3-8 10:23 发表 二 鼠标旁边的提示信息,类似与163登录后的页面提示效果 [html] tip //***********默认设置定义.********************* tPopWait=50;//停留tWait豪秒后显示提示。 tPopShow=5000;//显示tShow豪秒后关 ...
查看个人网站
无银三百两 高级会员
中级会员
鲨鱼 高级会员
专长 网页设计,前端制作
自由天堂 中级会员
禁止发言 有效期至 2008-2-4
原帖由 lwkyy 于 2007-8-13 15:54 发表 很多都无法在FF下运行,老大们,关心一下通用性啊,常用用DOM方法写JS啊,
原帖由 itchen 于 2006-8-8 11:17 发表 向左滚动 [html] va ...