移动菜单_菜单导航特效

织梦DedeCMS视频教程买空间租服务器选网硕互联！ 无忧站长工具,百度权重一键全查!

移动菜单,您可以先修改部分代码再运行.

<HTML><HEAD><TITLE>moveMenu－模板无忧www.mb5u.com</TITLE>
<META mrc="text/html; charset=gb2312" http-equiv=Content-Type>
<STYLE type=text/css>.alpha {
	FILTER: Alpha(Opacity=80)
}
.td1 {
	FONT-SIZE: 12px
}
.td2 {
	BACKGROUND-COLOR: #ccffff; CURSOR: hand; FONT-SIZE: 12px
}
.maskl {
	OVERFLOW: hidden
}
.cardtitle {
	BORDER-BOTTOM: black 0px solid; BORDER-LEFT: black 0px solid; BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; CURSOR: default; FONT-SIZE: 12px; TEXT-INDENT: 4pt
}
.cardbottom {
	BACKGROUND-COLOR: #99ccff; BORDER-BOTTOM: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-RIGHT: black 1px solid; BORDER-TOP: black 0px solid; FILTER: Alpha(Opacity=90)
}
</STYLE>

<SCRIPT language=Jscript>
//Copyright (C) 2001 DarkVn. /Mail:darkvn@blueidea.com
//建议使用IE5.0以上应用本代码.
//****************************************************
//用数组来存储多个timeOut标识.
tBack=new Array(5);
tOut=new Array(5);
//激活当前选项卡.
function menuOut(whichMenu){
var curMenu=eval("menu"+whichMenu);
	curMenu.runtimeStyle.zIndex=6;
	clearTimeout(tBack[whichMenu]);
	moveOut(whichMenu);
}
//恢复初始状态.
function menuBack(whichMenu){
var curMenu=eval("menu"+whichMenu);
	curMenu.runtimeStyle.zIndex=curMenu.style.zIndex;
	clearTimeout(tOut[whichMenu]);
	moveBack(whichMenu);
}
//移动当前选项卡
function moveOut(curNum){
var	curMenu=eval("menu"+curNum);
	if(curMenu.style.posLeft>0) {
		curMenu.style.posLeft-=2;
		tOut[curNum]=setTimeout("moveOut('"+curNum+"')",1);
		}
}
//移回选项卡.
function moveBack(curNum){
var	curMenu=eval("menu"+curNum);
	if(curMenu.style.posLeft<30) {
		curMenu.style.posLeft+=2;
		tBack[curNum]=setTimeout("moveBack('"+curNum+"')",1);
		}

}
//鼠标移过时改变表格单元式样。
function swapClass(){
var o=event.srcElement;
	if(o.className=="td1") o.className="td2"
		else if(o.className=="td2") o.className="td1";
}
document.onmouseover=swapClass;
document.onmouseout=swapClass;
</SCRIPT>

<META mrc="MSHTML 5.00.2920.0" name=GENERATOR></HEAD>
<BODY bgColor=#ffffff leftMargin=0 text=#000000 topMargin=0 marginheight="0" 
marginwidth="0">
<DIV class=maskl id=menuPos 
style="HEIGHT: 216px; LEFT: 115px; POSITION: absolute; TOP: 59px; WIDTH: 132px; Z-INDEX: 1">
<DIV id=menu1 onmouseout=menuBack(1) onmouseover=menuOut(1) 
style="HEIGHT: 20px; LEFT: 30px; POSITION: absolute; TOP: 0px; WIDTH: 130px; Z-INDEX: 1">
<DIV class=cardbottom id=Layer1 
style="HEIGHT: 115px; LEFT: 0px; POSITION: absolute; TOP: 17px; WIDTH: 100px; Z-INDEX: 1">
<TABLE align=center border=0 height="100%" width=75>
  <TBODY>
  <TR>
    <TD class=td1>选项一</TD></TR>
  <TR>
    <TD class=td1>选项二</TD></TR>
  <TR>
    <TD class=td1>选项三</TD></TR>
  <TR>
    <TD class=td1>选项四</TD></TR>
  <TR>
    <TD> </TD></TR></TBODY></TABLE></DIV>
<TABLE border=0 cellPadding=0 cellSpacing=0 width=100>
  <TBODY>
  <TR>
    <TD height=18 width=14><IMG height=18 src="http://p1.mb5u.com/texiao/11/2010052300480017.gif" 
      width=14></TD>
    <TD bgColor=#99ccff class=cardtitle height=14 
width=86>选项卡一</TD></TR></TBODY></TABLE></DIV>
<DIV id=menu2 onmouseout=menuBack(2) onmouseover=menuOut(2) 
style="HEIGHT: 20px; LEFT: 30px; POSITION: absolute; TOP: 20px; WIDTH: 130px; Z-INDEX: 1">
<DIV class=cardbottom id=Layer2 
style="HEIGHT: 115px; LEFT: 0px; POSITION: absolute; TOP: 17px; WIDTH: 100px; Z-INDEX: 1">
<TABLE align=center border=0 height="100%" width=75>
  <TBODY>
  <TR>
    <TD class=td1>选项一</TD></TR>
  <TR>
    <TD class=td1>选项二</TD></TR>
  <TR>
    <TD class=td1>选项三</TD></TR>
  <TR>
    <TD class=td1>选项四</TD></TR>
  <TR>
    <TD> </TD></TR></TBODY></TABLE></DIV>
<TABLE border=0 cellPadding=0 cellSpacing=0 width=100>
  <TBODY>
  <TR>
    <TD height=18 width=14><IMG height=18 src="http://p1.mb5u.com/texiao/11/2010052300480017.gif" 
      width=14></TD>
    <TD bgColor=#99ccff class=cardtitle height=14 
width=86>选项卡二</TD></TR></TBODY></TABLE></DIV>
<DIV id=menu3 onmouseout=menuBack(3) onmouseover=menuOut(3) 
style="HEIGHT: 20px; LEFT: 30px; POSITION: absolute; TOP: 40px; WIDTH: 130px; Z-INDEX: 1">
<DIV class=cardbottom id=Layer3 
style="HEIGHT: 115px; LEFT: 0px; POSITION: absolute; TOP: 17px; WIDTH: 100px; Z-INDEX: 1">
<TABLE align=center border=0 height="100%" width=75>
  <TBODY>
  <TR>
    <TD class=td1>选项一</TD></TR>
  <TR>
    <TD class=td1>选项二</TD></TR>
  <TR>
    <TD class=td1>选项三</TD></TR>
  <TR>
    <TD class=td1>选项四</TD></TR>
  <TR>
    <TD> </TD></TR></TBODY></TABLE></DIV>
<TABLE border=0 cellPadding=0 cellSpacing=0 width=100>
  <TBODY>
  <TR>
    <TD height=18 width=14><IMG height=18 src="http://p1.mb5u.com/texiao/11/2010052300480017.gif" 
      width=14></TD>
    <TD bgColor=#99ccff class=cardtitle height=14 
width=86>选项卡三</TD></TR></TBODY></TABLE></DIV>
<DIV id=menu4 onmouseout=menuBack(4) onmouseover=menuOut(4) 
style="HEIGHT: 20px; LEFT: 30px; POSITION: absolute; TOP: 60px; WIDTH: 130px; Z-INDEX: 1">
<DIV class=cardbottom id=Layer4 
style="HEIGHT: 115px; LEFT: 0px; POSITION: absolute; TOP: 17px; WIDTH: 100px; Z-INDEX: 1">
<TABLE align=center border=0 height="100%" width=75>
  <TBODY>
  <TR>
    <TD class=td1>选项一</TD></TR>
  <TR>
    <TD class=td1>选项二</TD></TR>
  <TR>
    <TD class=td1>选项三</TD></TR>
  <TR>
    <TD class=td1>选项四</TD></TR>
  <TR>
    <TD> </TD></TR></TBODY></TABLE></DIV>
<TABLE border=0 cellPadding=0 cellSpacing=0 width=100>
  <TBODY>
  <TR>
    <TD height=18 width=14><IMG height=18 src="http://p1.mb5u.com/texiao/11/2010052300480017.gif" 
      width=14></TD>
    <TD bgColor=#99ccff class=cardtitle height=14 
width=86>选项卡四</TD></TR></TBODY></TABLE></DIV>
<DIV id=menu5 onmouseout=menuBack(5) onmouseover=menuOut(5) 
style="HEIGHT: 134px; LEFT: 30px; POSITION: absolute; TOP: 80px; WIDTH: 130px; Z-INDEX: 1">
<DIV class=cardbottom id=Layer5 
style="HEIGHT: 115px; LEFT: 0px; POSITION: absolute; TOP: 17px; WIDTH: 100px; Z-INDEX: 1">
<TABLE align=center border=0 height="100%" width=75>
  <TBODY>
  <TR>
    <TD class=td1>选项一</TD></TR>
  <TR>
    <TD class=td1>选项二</TD></TR>
  <TR>
    <TD class=td1>选项三</TD></TR>
  <TR>
    <TD class=td1>选项四</TD></TR>
  <TR>
    <TD> </TD></TR></TBODY></TABLE></DIV>
<TABLE border=0 cellPadding=0 cellSpacing=0 width=100>
  <TBODY>
  <TR>
    <TD height=18 width=14><IMG height=18 src="http://p1.mb5u.com/texiao/11/2010052300480017.gif" 
      width=14></TD>
    <TD bgColor=#99ccff class=cardtitle height=14 
width=86>选项卡五</TD></TR></TBODY></TABLE></DIV></DIV>(C)BlueIdea. DarkVn 2001.11 
<HR>
</BODY></HTML>

所属频道：菜单导航特效/更新时间：2010-05-23

[收藏][报错][返回列表]

评论加载中....

移动菜单_菜单导航特效

菜单导航特效Rss订阅特效代码搜索

菜单导航特效推荐

猜你也喜欢看这些

收藏&分享