<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>JS+CSS젬북댔芚暠匡써북땡먁꽉데</title>
<style type="text/css">
body {font:12px "芥竟";background:#000000;}
body,div,ul,li{padding:0;margin:0;}
a{text-decoration:none;color:#fff;}
#body{width:830px;margin:0 auto;}
#header{height:250px;}
#nav1{height:38px;top:214px;}
.dropdown{position:relative;float:left;padding:0 0 3px 0;margin-top:0px;}
*+html .dropdown{padding:14px 0 3px 0;_padding:0 0 3px 0;margin-top:0px;}
.dropdown DT{padding:12px 0 8px 0;width: 82px;cursor: pointer;color:#fff;text-align:center;}
* html .dropdown DT{padding:0 0 8px 0;}
*+html .dropdown DT{padding:0 0 8px 0;}
.dropdown a{text-align:center;}
.dropdown DD{z-index:99999;position:absolute;width:92px;display:none;overflow:hidden;opacity:0;margin-left:-2px;}
.dropdown UL{list-style-type:none;width:82px; }
.dropdown LI{display:inline;}
html>body .dropdown UL a{width:88px;height:38px;display:block;background:url(images/nav_a.png) no-repeat;color:#fff;text-decoration:none;line-height:38px;}
html>body .dropdown UL a:hover{background:url(images/nav_ah.png) no-repeat;color: #fff}
* html .dropdown UL a{width:88px;height:38px;display:block;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src="images/nav_a.png");color:#fff;text-decoration:none;line-height:38px;cursor:hand;}
* html .dropdown UL a:hover{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src="images/nav_ah.png");color: #fff}
.dropdown .underline{margin-top:1px;}
</style>
<script>
var DDSPEED = 10;
var DDTIMER = 15;
// http://www.codefans.net //
function ddMenu(id,d)
{
var h = document.getElementById(id + '-ddheader');
var c = document.getElementById(id + '-ddcontent');
clearInterval(c.timer);
if(d == 1)
{
clearTimeout(h.timer);
if(c.maxh && c.maxh <= c.offsetHeight)
{
return;
}
else if(!c.maxh)
{
c.style.top = '-' + c.offsetHeight + 'px';
c.style.display = 'block';
c.style.height = 'auto';
c.maxh = c.offsetHeight;
c.style.height = '0px';
}
c.timer = setInterval(function(){ddSlide(c,1)},DDTIMER);
}
else
{
h.timer = setTimeout(function(){ddCollapse(c)},50);
}
}
// collapse the menu //
function ddCollapse(c){
c.timer = setInterval(function(){ddSlide(c,-1)},DDTIMER);
}
// cancel the collapse if a user rolls over the dropdown cent //
function cancelHide(id){
var h = document.getElementById(id + '-ddheader');
var c = document.getElementById(id + '-ddcontent');
clearTimeout(h.timer);
clearInterval(c.timer);
if(c.offsetHeight < c.maxh){
c.timer = setInterval(function(){ddSlide(c,1)},DDTIMER);
}
}
// http://www.codefans.net //
function ddSlide(c,d){
var currh = c.offsetHeight;
var dist;
if(d == 1){
dist = (Math.round((c.maxh - currh) / DDSPEED));
}else{
dist = (Math.round(currh / DDSPEED));
}
if(dist <= 1 && d == 1){
dist = 1;
}
c.style.top = parseInt(c.style.top.replace('px','')) - parseInt(dist * d) + 'px';
c.style.height = currh + (dist * d) + 'px';
if(getOs()=="Firefox")
{
c.style.opacity = currh / c.maxh;
c.style.filter = 'alpha(opacity=' + (currh * 100 / c.maxh) + ')';
}
if((currh < 2 && d != 1) || (currh > (c.maxh - 2) && d == 1)){
clearInterval(c.timer);
}
}
function getOs()
{
var OsObject = "";
if(navigator.userAgent.indexOf("MSIE")>0) {
return "MSIE";
}
if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){
return "Firefox";
}
if(isSafari=navigator.userAgent.indexOf("Safari")>0) {
return "Safari";
}
if(isCamino=navigator.userAgent.indexOf("Camino")>0){
return "Camino";
}
if(isMozilla=navigator.userAgent.indexOf("Gecko/")>0){
return "Gecko";
}
} </script>
</head>
<body>
<div id="body">
<div id="header">
<div><img src="images/top.jpg"></div>
<div id="nav1">
<DL class="dropdown">
<DT id=m1-ddheader onMouseOver=ddMenu('m1',1) onmouseout=ddMenu('m1',-1)><a href="javascript:void(null);">돔봄꽉데</a></DT>
<DD id=m1-ddcontent onMouseOver=cancelHide('m1') onmouseout=ddMenu('m1',-1)>
<UL>
<LI><A href="javascript:void(null);">으커꽉데</A></LI>
</UL>
</DD>
</DL>
<DL class="dropdown">
<DT id=m2-ddheader onMouseOver=ddMenu('m2',1) onmouseout=ddMenu('m2',-1)><a href="javascript:void(null);">돔봄꽉데</a></DT>
<DD id=m2-ddcontent onMouseOver=cancelHide('m2') onmouseout=ddMenu('m2',-1)>
<UL>
<LI><A href="javascript:void(null);">으커꽉데</A></LI>
<LI><A href="javascript:void(null);">으커꽉데</A></LI>
</UL>
</DD>
</DL>
<DL class="dropdown">
<DT id=m3-ddheader onMouseOver=ddMenu('m3',1) onmouseout=ddMenu('m3',-1)><a href="javascript:void(null);">돔봄꽉데</a></DT>
<DD id=m3-ddcontent onMouseOver=cancelHide('m3') onmouseout=ddMenu('m3',-1)>
<UL>
<LI><A href="javascript:void(null);">으커꽉데</A></LI>
<LI><A href="javascript:void(null);">으커꽉데</A></LI>
<LI><A href="javascript:void(null);">으커꽉데</A></LI>
</UL>
</DD>
</DL>
<DL class="dropdown">
<DT id=m4-ddheader onMouseOver=ddMenu('m4',1) onmouseout=ddMenu('m4',-1)><a href="javascript:void(null);">돔봄꽉데</a></DT>
<DD id=m4-ddcontent onMouseOver=cancelHide('m4') onmouseout=ddMenu('m4',-1)>
<UL>
<LI><A href="javascript:void(null);">으커꽉데</A></LI>
<LI><A href="javascript:void(null);">으커꽉데</A></LI>
<LI><A href="javascript:void(null);">으커꽉데</A></LI>
<LI><A href="javascript:void(null);">으커꽉데</A></LI>
</UL>
</DD>
</DL>
<DL class="dropdown">
<DT id=m5-ddheader onMouseOver=ddMenu('m5',1) onmouseout=ddMenu('m5',-1)><a href="javascript:void(null);">돔봄꽉데</a></DT>
<DD id=m5-ddcontent onMouseOver=cancelHide('m5') onmouseout=ddMenu('m5',-1)>
<UL>
<LI><A href="javascript:void(null);">으커꽉데</A></LI>
<LI><A href="javascript:void(null);">으커꽉데</A></LI>
<LI><A href="javascript:void(null);">으커꽉데</A></LI>
<LI><A href="javascript:void(null);">으커꽉데</A></LI>
<LI><A href="javascript:void(null);">으커꽉데</A></LI>
</UL>
</DD>
</DL>
<DL class="dropdown">
<DT id=m6-ddheader onMouseOver=ddMenu('m6',1) onmouseout=ddMenu('m6',-1)><a href="javascript:void(null);">돔봄꽉데</a></DT>
<DD id=m6-ddcontent onMouseOver=cancelHide('m6') onmouseout=ddMenu('m6',-1)>
<UL>
<LI><A href="javascript:void(null);">으커꽉데</A></LI>
<LI><A href="javascript:void(null);">으커꽉데</A></LI>
<LI><A href="javascript:void(null);">으커꽉데</A></LI>
<LI><A href="javascript:void(null);">으커꽉데</A></LI>
<LI><A href="javascript:void(null);">으커꽉데</A></LI>
</UL>
</DD>
</DL>
<DL class="dropdown">
<DT id=m7-ddheader onMouseOver=ddMenu('m7',1) onmouseout=ddMenu('m7',-1)><a href="javascript:void(null);">돔봄꽉데</a></DT>
<DD id=m7-ddcontent onMouseOver=cancelHide('m7') onmouseout=ddMenu('m7',-1)>
<UL>
<LI><A href="javascript:void(null);">으커꽉데</A></LI>
<LI><A href="javascript:void(null);">으커꽉데</A></LI>
<LI><A href="javascript:void(null);">으커꽉데</A></LI>
<LI><A href="javascript:void(null);">으커꽉데</A></LI>
</UL>
</DD>
</DL>
<DL class="dropdown">
<DT id=m8-ddheader onMouseOver=ddMenu('m8',1) onmouseout=ddMenu('m8',-1)><a href="javascript:void(null);">돔봄꽉데</a></DT>
dMenu.rar （5个子文件） 
codefans.net dMenu 
menu.html 9KB images 
nav_a.png 190B nav_ah.png 190B
ico-arrow.gif 9KB
top.jpg 149KB资源评论
s4706096192013-05-14css需要很大的功夫学习，有学习价值
mirage1982
- 粉丝: 59
- 资源: 1050
最新资源
- COMSOL模拟土石混合体孔隙渗流中的细颗粒迁移运动：多场多相介质耦合分析,COMSOL模拟土石混合体孔隙渗流中的细颗粒迁移运动：多场多相介质耦合分析,COMSOL孔隙渗流下的细颗粒迁移运动 对土石
- 基于Vue框架的PDA扫码操作ERP系统设计源码
- 活动发布管理-活动资源
- Matlab Simulink下的风储调频系统：四机两区联合仿真，快速响应与频率优化控制，附虚拟惯性与下垂控制特性，伯德图与根轨迹分析支持下的风电渗透率研究,基于频域模型法的风储联合仿真系统：快速调频
- 递归最小二乘法估算车辆前后轮胎侧偏刚度：实车实验验证与算法参数需求探讨,递归最小二乘法估算车辆前后轮胎侧偏刚度：实车实验验证与算法参数需求探讨,基于递归最小二乘法估计的车辆前后轮胎的侧偏刚度，如仿真结
- 基于PHP和Shell脚本的数据分析系统设计源码
- 基于vue-cli的vue-router、vuex、axios等技术的移动端商城APP设计源码
- 基于PHP+MySQL的芒市Z马逊仿制网站设计源码
- Professional-Assembly-Language-for-x64-汇编语言资源
- 基于Python和C/C++的ext-RFID模块设计源码
- 基于JavaScript的干部管理系统源码设计与实现
- f1c200s_library-C++资源
- 基于Python实现的招聘网站爬虫设计源码合集
- NutzWk-Java资源
- 基于Ionic V3框架的TypeScript水滴打卡App开源代码设计
- 基于Java和HTML的CCBU交易系统设计源码
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
