特酷下拉菜单

稿源：互联网 2022-04-05 12:41:46 点击： 643 撤稿纠错

很酷的一个下拉菜单特效，可自定义下拉菜单各选项。

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

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

脚本说明:
把如下代码加入<body>区域中
<style type="text/css">
<!--
.p9{  font-family: "宋体"; font-size: 9pt; }
body {  font-family: "宋体"; font-size: 9pt; margin-top: 0px; margin-left: 0px; margin-right: 0px}
UNKNOWN {
	TEXT-DECORATION: none
}
A:visited {
	TEXT-DECORATION: none
}
A:hover {
	COLOR: #ff0000; TEXT-DECORATION: none
}
A:link {
	TEXT-DECORATION: none
}
BODY {
	FONT-SIZE: 9pt; COLOR: #000000; FONT-FAMILY: "宋体"; TEXT-DECORATION: none
}
TR {
	FONT-SIZE: 9pt; FONT-FAMILY: "宋体"
}
TD {
	FONT-WEIGHT: normal; FONT-SIZE: 9pt; FONT-FAMILY: "宋体"
}
FORM {
	FONT-SIZE: 9pt; FONT-FAMILY: "宋体"
}
.black {
	FONT-SIZE: 9pt; COLOR: #000000
}
.white {
	FONT-SIZE: 9pt; COLOR: #ffffff
}
.red {
	FONT-SIZE: 9pt; COLOR: #ff0000
}
.green {
	FONT-SIZE: 9pt; COLOR: #009900
}
.blue {
	FONT-SIZE: 9pt; COLOR: #0000ff
}
.bg1 {
	FONT-SIZE: 9pt; COLOR: #ffffff
}
.gray {
	FONT-SIZE: 9pt; COLOR: #666666
}
.row {
	LINE-HEIGHT: 15pt
}
.bottom {
	BORDER-RIGHT: #665b8e 1px solid; BORDER-TOP: #ffffff 1px solid; FONT-SIZE: 9pt; BORDER-LEFT: #ffffff 1px solid; COLOR: #000000; BORDER-BOTTOM: #665b8e 1px solid; FONT-FAMILY: "宋体"; HEIGHT: 18px; BACKGROUND-COLOR: #cccccc
}
.editbox1 {
	FONT-SIZE: 9pt; COLOR: #000000; FONT-FAMILY: 宋体; HEIGHT: 18px; BACKGROUND-COLOR: #dbdbdb
}
.editbox2 {
	PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FONT-SIZE: 9pt; PADDING-BOTTOM: 1px; CURSOR: text; COLOR: #000000; PADDING-TOP: 1px; FONT-FAMILY: 宋体; BACKGROUND-COLOR: #dbdbdb
}
.size {
	FONT-SIZE: 9px; FONT-FAMILY: "Verdana", "Arial", "Helvetica", "sans-serif"
}
A.yellow:active {
	COLOR: #ffffff; TEXT-DECORATION: none
}
A.yellow:visited {
	COLOR: #ffffff; TEXT-DECORATION: none
}
A.yellow:link {
	COLOR: #ffffff; TEXT-DECORATION: none
}
A.yellow:hover {
	COLOR: #ffff33; TEXT-DECORATION: none
}

-->
</style>
<SCRIPT language=JavaScript>
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);

function navbarOver(src,clrOver,clrOverBorder) { if (!src.contains(event.fromElement)){ src.style.cursor = 'hand'; src.bgColor = clrOver; src.borderColor = clrOverBorder; src.children.tags('a')[0].style.color='#FFFF33'; }}

function navbarOut(src,clrIn,clrInBorder) { if (!src.contains(event.toElement)) { src.style.cursor = 'default'; src.bgColor = clrIn; src.borderColor = clrInBorder; src.children.tags('a')[0].style.color='#FFFFFF';}}

function MM_findObj(n, d) { //v4.0
  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 && document.getElementById) x=document.getElementById(n); return x;
}

<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

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

·上一篇： 类似QQ的导航条
·下一篇： 变色的链接文字

特酷下拉菜单

文章分类LIST >>返回首页

最新游戏

最新新闻