0顶

网页顶部鼠标经过时弹出的导航菜单

稿源：互联网 2022-06-29 03:24:16 点击： 1658 撤稿纠错

蛮漂亮的网页顶部导航，鼠标经过时弹出菜单。

以下讨论的是和相关的网页顶部鼠标经过时弹出的导航菜单教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

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

<a href="<#ZC_BLOG_HOST#>">站长特效网</a>,站长必备的高质量网页特效和广告代码。zzjs.net，站长js特效。<hr>

<SCRIPT  type=text/jscript>
var eMenu,eItem,eExit,eDesk;
function doMenu(){
eMenu.style.backgroundColor=eDesk.bgcolor;
if ((eItem.offsetLeft+eMenu.offsetWidth-4)<eDesk.offsetWidth) eMenu.style.posLeft=eItem.offsetLeft;
else eMenu.style.posLeft=eDesk.offsetWidth-eMenu.offsetWidth;
eMenu.style.posTop=eDesk.offsetHeight+eDesk.offsetTop;
eMenu.style.visibility='visible';
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
function noMenu(){
if (eMenu && eMenu!=null) {eMenu.style.visibility='hidden';
eMenu.style.posLeft=0;eMenu.style.posTop=0;}
eMenu=eItem=eExit=eDesk=null;
}
function doOver(){
if ("A"==event.srcElement.tagName.toUpperCase()) {
eItem=event.srcElement.parentElement;
eDesk=eItem.parentElement;
eMenu=document.all(eItem.id.replace('item','menu'));
if (eMenu && eMenu!=null) {eMenu.onmouseout=doExit;doMenu();}
else noMenu();}
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
function doExit(){
eExit=event.toElement;
if (eMenu==null || eExit==null) return;
if (!eMenu.contains(eExit) && !eItem.contains(eExit))  noMenu();
}
function doHome(i){
switch (i) {
case 1 : window.external.AddFavorite('http://www.zzjs.net',document.title);break;
case 2 : window.external.AddChannel('http://www.zzjs.net');break;
default : event.srcElement.style.behavior='url(#default#homepage)';event.srcElement.setHomePage('http://www.zzjs.net');break;}
return false;
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
function doSel(){
var o=event.srcElement;
if ('select'!=o.tagName.toLowerCase()) return;
var s=o.options[o.selectedIndex].value;
o.selectedIndex=0;
if (s!='1') self.location=s;
}
function doWin(l,a,b){
w=window.open(l,'dhtmlet','toolbar=0');
var winx=Math.ceil((window.screen.width-a)/2);
var winy=Math.ceil((window.screen.height-b)/2);
w.resizeTo(a,b);
w.moveTo(winx,winy);
w.focus();
}
</SCRIPT>
<STYLE type=text/css>BODY {
	FONT-SIZE: 11px; OVERFLOW: hidden; FONT-FAMILY: tahoma,arial
}
TABLE {
	FONT-SIZE: 11px; OVERFLOW: hidden; FONT-FAMILY: tahoma,arial
}
BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #000000; PADDING-TOP: 0px; BACKGROUND-COLOR: #ffffff; img: 0px
}
A {
	COLOR: #000000; TEXT-DECORATION: none
}
.desk {
	BACKGROUND: #000000; WIDTH: 100%; PADDING-TOP: 3px; HEIGHT: 20px
}
.menu {
	PADDING-RIGHT: 8px; BORDER-TOP: #ffffff 1px solid; PADDING-LEFT: 8px; Z-INDEX: 8; VISIBILITY: hidden; PADDING-BOTTOM: 8px; WIDTH: 160px; LINE-HEIGHT: 15px; PADDING-TOP: 8px; POSITION: absolute
}
.desk SPAN {
	HEIGHT: 17px
}
.desk {
	COLOR: #ffffff; LETTER-SPACING: 1px
}
.menu {
	COLOR: #ffffff; LETTER-SPACING: 1px
}
.desk A {
	COLOR: #ffffff
}
.menu A {
	COLOR: #ffffff
}
.desk A:hover {
	COLOR: #ffcc00
}
.menu A:hover {
	COLOR: #ffcc00
}
#div1 {
	Z-INDEX: 2; LEFT: 0px; WIDTH: 295px; POSITION: absolute; TOP: 0px; HEIGHT: 60px
}
</STYLE>
<DIV class=menu id=menu11><A href="http://zzjs.net/">站长特效网</A><BR>
<A href="http://zzjs.net/">Windows 2000</A><BR>
<A href="http://zzjs.net/">Windows ME</A><BR>
<A href="http://zzjs.net/">Windows 98 SE</A><BR>
<A href="http://zzjs.net/">Windows 98</A><BR>
<A href="http://zzjs.net/">Windows 95</A><BR>
<A href="http://zzjs.net/">Windows CE 3.0</A><BR>
<A href="http://zzjs.net/">eMbedded Windows NT</A></DIV>
<DIV class=menu id=menu12><A href="http://zzjs.net/"
target=_blank>zzjs.net</A><BR><A href="http://zzjs.net/">这个效果可以吧</A></DIV>
<DIV class=menu id=menu14><A href="http://zzjs.net/">谢谢大家支持</A><BR><A href="http://zzjs.net/">欢迎下次再来站长特效网</A></DIV>
<DIV class=menu id=menu15><A href="http://zzjs.net/" target=_blank>欢迎来到站长特效网</A></DIV>
<DIV class=menu id=menu16><A
href="mailto:jzzy@sina.com">gife_521@163.com</A><BR><A
href="mailto:xuyu@transtar.com.cn">mycpp@msn.com</A><BR><A
href="mailto:xuyu@transtar.com.cn">mycpp@kmsn.com</A></DIV>
<DIV class=desk id=desk1 onmouseover=doOver() onmouseout=doExit() align=right noWrap bgcolor="#000000"><SPAN>︱</SPAN><SPAN id=item11><A onclick="return false;" href="http://www.zzjs.net">  Windows家族产品  </A>︱</SPAN><SPAN id=item12><A onclick="return false;" href="http://zzjs.net/?cat=2">  LookLook  </A>︱</SPAN><SPAN id=item14><A onclick="return false;" href="http://zzjs.net/?cat=1">  您自定义  </A>︱</SPAN><SPAN id=item15><A onclick="return false;" href="http://zzjs.net/?cat=2">  您自定义  </A>︱</SPAN><SPAN id=item16><A onclick="return false;" href="http://zzjs.net/?cat=3">  我的信箱  </A></SPAN></DIV>

关于网页顶部鼠标经过时弹出的导航菜单的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/2016331762689.shtml方便下次再访问哦。

·上一篇： 漂亮立体导航菜单
·下一篇： 链接文字变色效果

文章分类LIST >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

网页顶部鼠标经过时弹出的导航菜单

文章分类LIST >>返回首页

最新游戏

最新新闻