js 下拉菜单实现代码

*{padding:0;margin:0;}
.nav{width:850px;margin:50px auto;position:relative;}
.nav li{display:inline;margin-right:50px;}
.nav ol{background-color:#f5f5f5;border:1px solid #ccc;display:none;padding:15px;}
.nav ol li{display:block;margin-bottom:15px;}



var next=function (el) {
do {
el = el.nextSibling;
} while ( el && el.nodeType != 1 );
return el;
}
var showContent=function (el) {
var _next=next(el);
_next.style.display="block";
_next.style.position="absolute";
_next.style.zIndex="999";
_next.style.top=el.offsetHeight+el.offsetTop+"px";
_next.style.left=el.offsetLeft+"px";
_next.onmouseout=function (){
this.style.display="none";
}
_next.onmouseover=_next.onmousemove=function (){
this.style.display="block";
}
}
var hideContent=function (el) {
el.style.display="none";
}








首页

首页1
首页2
首页3
首页4
首页4



电影

电影1
电影2
电影3
电影4
电影4


新闻
新片
排行榜


dcxsssssssss


[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]