网页顶部鼠标经过时弹出的导航菜单-JS特效-爱易网页

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

日期：2014-05-18　浏览次数：20255 次

以下是程序代码

<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&g</div></div>

<div class="clearfix"></div>
                    </div>
                    <nav aria-label="...">
                        <ul class="pager">
                            <li class="previous"><a href="4667">上一篇：狡猾的按钮特效</a></li>

<li class="next"><a href="204">下一篇：漂亮立体导航菜单</a></li>
                        </ul>
                    </nav>

<div class="alert alert-warning" role="alert">
                        <strong>免责声明：</strong> 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
                    </div>

<div class="col-md-6 col-xs-12">
                      <li class="articleAbout"><a href='/ItNews/34452' title='安全服务机构：公布2014年度最糟糕的25个密码' target="_blank">
                        安全服务机构：公布2014年度最糟糕的25个密码</a></li></div>
                   
                
                  <div class="col-md-6 col-xs-12">
                      <li class="articleAbout"><a href='/ItNews/6920' title='《中国三网融合业务运营管理》研讨报告征订函' target="_blank">
                        《中国三网融合业务运营管理》研讨报告征订函</a></li></div>
                   
                
                  <div class="col-md-6 col-xs-12">
                      <li class="articleAbout"><a href='/ItNews/34457' title='黑狐病毒疯传播 电脑管家首推 专杀工具' target="_blank">
                        黑狐病毒疯传播 电脑管家首推 专杀工具</a></li></div>
                   
                
                  <div class="col-md-6 col-xs-12">
                      <li class="articleAbout"><a href='/ItNews/34160' title='微软为避免代理权争夺 与大股东达成和解协议' target="_blank">
                        微软为避免代理权争夺 与大股东达成和解协议</a></li></div>
                   
                
                  <div class="col-md-6 col-xs-12">
                      <li class="articleAbout"><a href='/ItNews/34363' title='阿里物流搭上邮政：京东，我们在终点等你！' target="_blank">
                        阿里物流搭上邮政：京东，我们在终点等你！</a></li></div>
                   
                
                  <div class="col-md-6 col-xs-12">
                      <li class="articleAbout"><a href='/ItNews/34277' title='阿里巴巴IPO难掩的四个现实问题：天猫销售额成谜、淘宝拖后腿、营收迅猛其他不行和投资者未必买账' target="_blank">
                        阿里巴巴IPO难掩的四个现实问题：天猫销售额成谜、淘宝拖后腿、营收迅猛其他不行和投资者未必买账</a></li></div>
                   
                
                  <div class="col-md-6 col-xs-12">
                      <li class="articleAbout"><a href='/ItNews/34188' title='史玉柱谈创业：5大建议 失败的教训最真实' target="_blank">
                        史玉柱谈创业：5大建议 失败的教训最真实</a></li></div>
                   
                
                  <div class="col-md-6 col-xs-12">
                      <li class="articleAbout"><a href='/ItNews/34338' title='中国移动4G资费调整方案6月1日起正式实施' target="_blank">
                        中国移动4G资费调整方案6月1日起正式实施</a></li></div>
                   
                
                  <div class="col-md-6 col-xs-12">
                      <li class="articleAbout"><a href='/ItNews/34269' title='网络旅行游记被曝插入"软广告" 个别人士月入数万' target="_blank">
                        网络旅行游记被曝插入"软广告" 个别人士月入数万</a></li></div>
                   
                
        </ol>
    </div>
</div>

</div>

</div>
            </div>
            <div class="clearfix"></div>

<footer class=" footer navbar-bottom">
<em>友情链接：</em>
    
      <a href="http://www.aiyiweb.com/" target="_blank">爱易网 </a>            
    
      <a href="http://www.aiyiweb.com/" target="_blank">云虚拟主机技术 </a>            
    
      <a href="http://www.aiyiweb.com/" target="_blank">云服务器技术 </a>            
    
      <a href="http://www.aiyiweb.com/" target="_blank">程序设计技术 </a>            
    
      <a href="http://www.aiyiweb.com/" target="_blank">开发网站 </a>            
    
      <a href="http://www.aiyiweb.com/" target="_blank">APP开发教程 </a>            
    
<br />
<script type="text/javascript">(function(){document.write(unescape('%3Cdiv id="bdcs"%3E%3C/div%3E'));var bdcs = document.createElement('script');bdcs.type = 'text/javascript';bdcs.async = true;bdcs.src = 'http://znsv.baidu.com/customer_search/api/js?sid=15239353030108964139' + '&plate_url=' + encodeURIComponent(window.location.href) + '&t=' + Math.ceil(new Date()/3600000);var s = document.getElementsByTagName('script')[0];s.parentNode.insertBefore(bdcs, s);})();</script>

Copyright © 2013-2026 爱易网页 当前在线：4143人　
        网站在17时2分39秒内访问总人数：427756人
    2秒前 37.80%
　<a href="https://beian.miit.gov.cn" target="_blank">粤ICP备18100884号-2 </a>
<script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>
<script>LA.init({ id: "JszEmKrtpbU59dY5", ck: "JszEmKrtpbU59dY5" })</script>

</footer>

</div>
   
</body>
</html>