***页面导航***cool菜单
把下列代码加到网页的<body></body>标签之间 从google下载我的照片管理软件<html>
<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='';
timerlinearray='menuitemout()';
function runtimerline()
{
//if (totaltimerlineframes > currtimerlinepoint)
//{
//eval( timerlinearray);
//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);
}
self.moveto(0,0);
self.resizeto(screen.availwidth,screen.availheight);
</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></html>
--------------------------------------
拥有三人行论坛管理系列软件，一个人就可以管理一个论坛的更新维护。还能使您的论坛有千人在线的真实火暴效果，让您不在为论坛因没有人气而留不住会员而烦恼，使您的论坛早日成为一流的论坛。详情请登陆网站：http://www.cnsrx.cn 三人行论坛管理软件，站长必备的专业好工具。（您使用的是免费版本，购买收费版本后，将不带广告。业务QQ:247216 44985227）
页:
[1]