一聚教程网：一个值得你收藏的教程网站

ps教程| flash教程| 路由器设置| Jsp教程| 加入收藏

首页游戏下载软件下载专题资讯教程 php教程 asp.net教程 css教程网页制作网页特效手机开发办公数码

+ -

当前位置：一聚教程网 > 网页特效 > 导航菜单

推荐专题

最新下载

1

托卡公主小世界
110.85M 类型： 模拟经营
2

炸弹跳
119.46M 类型： 休闲益智
3

勇者秘境
271.29M 类型： 动作冒险
4

僵尸生存射击
120.66M 类型： 射击枪战
5

我独自升级arise
84.90M 类型： 角色扮演
6

战场保卫模拟
85.18M 类型： 策略塔防
7

料理次元
77.42M 类型： 模拟经营
8

钩车跑酷
128.99M 类型： 赛车竞速
9

暗杀时刻3D
140.80M 类型： 动作冒险
10

国际飞行棋LUDO
48.06M 类型： 休闲益智

热门教程

1

诛仙2鬼王怎么加点鬼王加点推荐
时间：2025-08-20 类型： 游戏攻略
2

诛仙2见影灵泉奇遇任务怎么做见影灵泉奇遇任务流程攻略
时间：2025-08-20 类型： 游戏攻略
3

三国天下归心诸葛亮怎么样诸葛亮技能介绍一览
时间：2025-08-20 类型： 游戏攻略
4

三国天下归心追击队怎么玩追击队玩法教学
时间：2025-08-20 类型： 游戏攻略
5

三国天下归心武将怎么获得武将获取方法
时间：2025-08-20 类型： 游戏攻略
6

星痕共鸣剧毒蜂巢怎么获取剧毒蜂巢获取攻略
时间：2025-08-20 类型： 游戏攻略
7

新三国志曹操传李儒之影怎么打李儒之影打法教学
时间：2025-08-20 类型： 游戏攻略
8

辉烬队伍怎么搭配配队攻略指南
时间：2025-08-20 类型： 游戏攻略
9

创造吧我们的星球种田玩法怎么玩种田玩法介绍一览
时间：2025-08-20 类型： 游戏攻略
10

华夏千秋怎么表白表白方法一览
时间：2025-08-20 类型： 游戏攻略

Javascript 超级导航菜单效果代码

时间：2022-06-25 21:18:39 编辑：袖梨来源：一聚教程网

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

<script language="JavaScript"> 
 
function MM_findObj(n, d) { //v4.01 
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { 
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} 
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; 
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); 
if(!x && d.getElementById) x=d.getElementById(n); return x; 
} 
function P7AniMagic(el, x, y, a, b, c, s) { //v2.5 PVII 
var g,elo=el,f="",m=false,d="";x=parseInt(x);y=parseInt(y); 
var t = 'g.p7Magic = setTimeout("P7AniMagic(''+elo+'','; 
if ((g=MM_findObj(el))!=null) {d=(document.layers)?g:g.style;}else{return;} 
if (parseInt(s)>0) {eval(t+x+','+y+','+a+','+b+','+c+',0)",' + s+')');return;} 
var xx=(parseInt(d.left))?parseInt(d.left):0; 
var yy=(parseInt(d.top))?parseInt(d.top):0; 
if(parseInt(c)==1) {x+=xx;y+=yy;m=true;c=0;} 
else if (c==2) {m=false;clearTimeout(g.p7Magic);} 
else {var i=parseInt(a); 
if (eval(g.moved)){clearTimeout(g.p7Magic);} 
if (xx<x){xx+=i;m=true;if(xx>x){xx=x;}} 
if (xx>x){xx-=i;m=true;if(xx<x){xx=x;}} 
if (yy<y){yy+=i;m=true;if(yy>y){yy=y;}} 
if (yy>y){yy-=i;m=true;if(yy<y){yy=y;}}} 
if (m) {if((navigator.appName=="Netscape") && parseInt(navigator.appVersion)>4){ 
xx+="px";yy+="px";} 
d.left=xx;d.top=yy;g.moved=true;eval(t+x+','+y+','+a+','+b+','+c+',0)",'+b+')'); 
}else {g.moved=false;} 
} 
//--> 
</script> 
<style type="text/<a href=" http: target="_blank">css"> 
 
</style> 
<div id="Layer1" style="position:absolute;   z-index:1"> 
<div id="Layer2" style="position:absolute; left:264px; top:59px;   z-index:2; background-color: #0068FF; layer-background-color: #0068FF; border: 1px none #000000; visibility: visible" class="t"> 
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%"> 
<tr> 
<td align="center" valign="top"><font color="#FFFFFF" onmouseover="P7AniMagic('Layer2',210,35,5,30,0,0)" onmouseout="P7AniMagic('Layer2',264,59,5,30,0,0)">on 
1<br> 
<br> 
<br> 
<br> 
</font></td> 
</tr> 
</table> 
</div> 
<div id="Layer3" style="position:absolute; left:264px; top:81px;   z-index:3; background-color: #0066FF; layer-background-color: #0066FF; border: 1px none #000000; visibility: visible" class="t"> 
<table width="100%" border="0" cellspacing="0" cellpadding="0"> 
<tr> 
<td><div align="center"><font color="#FFFFFF" onmouseover="P7AniMagic('Layer3',210,55,5,30,0,0)" onmouseout="P7AniMagic('Layer3',264,81,5,30,0,0)">on 2<br> 
<br> 
<br> 
<br> 
</font></div></td> 
</tr> 
</table> 
</div> 
<div id="Layer4" style="position:absolute;   z-index:4; left: 264px; top: 102px; background-color: #0064FF; layer-background-color: #0064FF; border: 1px none #000000; visibility: visible" class="t"> 
<table width="100%" border="0" cellspacing="0" cellpadding="0"> 
<tr> 
<td><div align="center"><font color="#FFFFFF" onmouseover="P7AniMagic('Layer4',210,75,5,30,0,0)" onmouseout="P7AniMagic('Layer4',264,102,5,30,0,0)">on 3<br> 
<br> 
<br> 
<br> 
</font></div></td> 
</tr> 
</table> 
</div> 
<div id="Layer5" style="position:absolute;   z-index:5; left: 265px; top: 56px"> 
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="72"> 
<tr> 
<td height="24" onmouseover="P7AniMagic('Layer2',210,35,5,30,0,0)" onmouseout="P7AniMagic('Layer2',264,59,5,30,0,0)"></td> 
</tr> 
<tr> 
<td height="24" onmouseover="P7AniMagic('Layer3',210,55,5,30,0,0)" onmouseout="P7AniMagic('Layer3',264,81,5,30,0,0)"></td> 
</tr> 
<tr> 
<td height="24" onmouseover="P7AniMagic('Layer4',210,75,5,30,0,0)" onmouseout="P7AniMagic('Layer4',264,102,5,30,0,0)"></td> 
</tr> 
</table> 
</div> 
</div>

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

相关文章

热门栏目