软件开发培训班 >> 编程开发 >> JavaScript

仿DVBBS下拉菜单效果 jb51修正无错

　　本文标签：仿DVBBS下拉菜单效果

<html>  
<head>  
<style>  
.menuskin {  
BORDER-RIGHT: #CBD7E9 1px solid; BORDER-TOP: #CBD7E9 1px solid; BACKGROUND-IMAGE: url(image/menubg.gif); VISIBILITY: hidden; FONT: 12px Tahoma, Verdana; BORDER-LEFT: #CBD7E9 1px solid; BORDER-BOTTOM: #CBD7E9 1px solid; POSITION: absolute; BACKGROUND-COLOR: #ffffff  
}  
.menuskin A {  
PADDING-RIGHT: 10px; PADDING-LEFT: 25px; COLOR: #3A4273; TEXT-DECORATION: none  
}  
#mouseoverstyle {  
BORDER-RIGHT: #597db5 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #597db5 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 2px; BORDER-LEFT: #597db5 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #597db5 1px solid; BACKGROUND-COLOR: #c9d5e7  
}  
#mouseoverstyle A {  
COLOR: black  
}  
.menuitems {  
PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; MARGIN: 2px; WORD-BREAK: keep-all; PADDING-TOP: 1px  
}  
</style>  
<script type="text/javascript"> 
//Pop-it menu- By Dynamic Drive - Modified by Wbird 
//For full source code and more DHTML scripts, visit http://www.gyct.cn 
//This credit MUST stay intact for use 
var menuOffX=0 //菜单距衔接文字最左端
间隔 
var menuOffY=18 //菜单距衔接文字顶端
间隔 
var vBobjects = new Array(); 
var fo_shadows=new Array(); 
////No need to edit beyond here 
var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1 
var ns6=document.getElementById&&!document.all 
var ns4=document.layers

function MM_findObj(n, d) { 
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[n];

for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);

if(!x && d.getElementById) x=d.getElementById(n); return x;

}

function hidemenu(){ 
    if (window.menuobj) 
        menuobj.thestyle.visibility=(ie4||ns6)? "hidden" : "hide" 
    ie_clearshadow() 
}

function dynamichide(e){ 
    if (ie4&&!menuobj.contains(e.toElement)) 
        hidemenu() 
    else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget)) 
        hidemenu() 
}

function delayhidemenu(){ 
    if (ie4||ns6||ns4) 
        delayhide=setTimeout("hidemenu()",500) 
}

function clearhidemenu(){ 
    if (window.delayhide) 
        clearTimeout(delayhide) 
} 
function highlightmenu(e,state){ 
    if (document.all) 
        source_el=event.srcElement 
    else if (document.getElementById) 
        source_el=e.target 
    if (source_el.className=="menuitems"){ 
        source_el.id=(state=="on")? "mouseoverstyle" : "" 
    } 
    else{ 
        while(source_el.id!="popmenu"){ 
            source_el=document.getElementById? source_el.parentNode : source_el.parentElement 
            if (source_el.className=="menuitems"){ 
                source_el.id=(state=="on")? "mouseoverstyle" : "" 
            } 
        } 
    } 
}

if (ie4||ns6) 
document.onclick=hidemenu 
</script>  
</head>  
<body vlink=#333333 link=#333333>  
<div class=menuskin id=popmenu onmouseover="clearhidemenu();highlightmenu(event,on)" onmouseout="highlightmenu(event,off);dynamichide(event)" style="Z-index:100"></div>  
<center>  
网络编程</div><div class=menuitems>asp</div>)"> 脚本之家  
</center>  
</body>  
</html>

技术文章快速查找

JavaScript 文本域字体大小选择功能

Mootools 1.2教程选项卡效果（Tabs）

比较搞笑的js陷阱题

JQuery验证jsp页面属性是否为空(实例代码)

使用GruntJS构建Web程序之构建篇

检测邮箱地址是否合法 Check Mail Address (For: IE5+、FF1.06、Opera 7+ ...)[

前端开发部分总结[兼容性、DOM操作、跨域等]（持续更新）

JavaScript 编写匿名函数的几种方法

相关下载

在线教程导航

软件应用
·Windows8	·Windows7	·Word
·Excel	·PPT	·WPS
Web开发
·ASP	·JavaScript	·DIV+CSS
·JSP	·VbScript	·XML
·PHP
开发语言
·VB	·VC	·ASP.NET
·Java	·C++	·Delphi
数据库开发
·MySQL	·MsSQL	·Access
·Oracle	·DB2
手机系统
·Android	·iOS	·WindowsPhone
网站设计
·Flash	·Dreamweaver	·Fireworks
平面设计
·Photoshop	·CorelDraw	·AutoCAD
·3DsMAX	·Illustrator
网络技术
·网站运营	·网络安全	·网络搭建