此页面上的内容需要较新版本的 Adobe Flash Player。

获取 Adobe Flash Player

魔快网络 - 建高品质的网站!
电话:(0)15011022561 苏玮
QQ:476289485
MSN:[email protected]
魔快网络:建最优品质的网站 公司建网站,网页设计、制作 技术支持电话:15011022561

首页->如何让div菜单层覆盖Flash

如何让div菜单层覆盖Flash


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<!--上面的这段话一定要的-->
<HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<LINK href="style/top.css" type=text/css rel=stylesheet>

<BODY style="background-image:url(images/ny-bj.jpg); background-repeat:no-repeat; background-position:center top; " onLoad="MM_preloadImages('images/about/left2_02.gif','images/about/left2_03.gif','images/about/left2_04.gif','images/about/left2_05.gif')">

<table width="904" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="20"><div style="z-index:-1;">
<embed name="Movie1" src="swf/nyswf.swf" quality="high"
width=904 height=262 wmode="transparent" type="application/x-shockwave-flash">
</embed>
</div>
</td>
</tr>
</table>

<div id="fdsaLayer" style="position:absolute; left:150px; top:20px; width="600" height="50" z-index:1;layer-background-color: #009966; border: 1px none #000000; visibility: visible">
<table width="904" border="0" align="center" cellpadding="0" cellspacing="0">
<tr></tr>
<tr>
<td width="304" align="left">&nbsp;</td>
<td width="600" height="50" valign="middle" style="background-image:url(images/nav.gif); background-repeat:no-repeat; background-position:center;"><script type="text/javascript">function $(id) {
return document.getElementById(id);
}

function showMenu (baseID, divID) {
baseID = $(baseID);
divID = $(divID);
if (showMenu.timer) clearTimeout(showMenu.timer);
hideCur();
divID.style.display = 'block';
showMenu.cur = divID;

if (! divID.isCreate) {
divID.isCreate = true;
//divID.timer = 0;
divID.onmouseover = function () {
if (showMenu.timer) clearTimeout(showMenu.timer);
hideCur();
divID.style.display = 'block';
};

function hide () {
showMenu.timer = setTimeout(function () {divID.style.display = 'none';}, 1000);
}

divID.onmouseout = hide;
baseID.onmouseout = hide;
}
function hideCur () {
showMenu.cur && (showMenu.cur.style.display = 'none');
}
}</script>
<div class="nav">
<div class="navinner">
<ul class="navlist">
<li><a href="index.asp">网站首页</a></li>

<li><a href="about.asp" id="nav_1" onMouseOver="showMenu('nav_1','subnav1')">关于我们</a>
<div class="subnav disable" id="subnav1">
<p class="pointer">.</p>
<p><span> <a href="about.asp">公司介绍</a> | <a href="jobs.asp">招聘信息</a> | <a href="server.asp">客户中心</a> | <a href="contact.asp">联系我们</a></span></p>
</div>
</li>

<li><a href="product.asp" id="nav_4" onMouseOver="showMenu('nav_4','subnav4')">产品介绍</a>
<div class="subnav disable" id="subnav4">
<p class="pointer">.</p>
<p><span> <a href="product.asp">真空袋薄膜</a> | <a href="#">隔离膜</a> | <a href="#">导流网</a> | <a href="#">脱模布</a> | <a href="#">透气毡</a> | <a href="#">导流管</a> | <a href="#">螺旋管</a> | <a href="#">密封胶条</a></span></p>
</div>
</li>

<li><a href="news.asp" id="nav_2" onMouseOver="showMenu('nav_2','subnav2')">新闻中心</a>

</li>

<li><a href="server.asp" id="nav_3" onMouseOver="showMenu('nav_3','subnav3')">客户中心</a>
<div class="subnav disable" id="subnav3">
<p class="pointer">.</p>
<p><span> <a href="question.asp">常见问题</a> | <a href="online.asp">在线提问</a> | <a href="jobs.asp">招聘信息</a></span></p>
</div>
</li>

<li><a href="contact.asp" id="nav_5" onMouseOver="showMenu('nav_5','subnav5')">联系我们</a>
</li>

</ul>
</div>
</div></td>
</tr>
</table>
</div>

以下是CSS部分

<!--下面的CSS一定要的-->

body,td,th {
font-size: 12px; line-height:1.6em;
}

/********导航开始********/
div, ul, p { margin: 0; padding: 0; font-weight: normal; font-style: normal; font-size: 100%; font-family: inherit; }
a:link, a:visited { text-decoration: none; }
/* Nav
==========================================================*/
.nav { width:600px; position: relative; margin:10px auto;}
.navinner {no-repeat 100% 72px; }
.navlist { height: 26px; line-height: 26px; overflow: hidden; margin: 0 10px; repeat-x 0 0; }
/*<!--导航文字-->*/
.nav li { float: left; display: inline; margin: 0 0 0 -2px; padding: 0 4px 0 6px; no-repeat 0 -108px;}
.nav a { display: block; width: 88px; text-align: center; font-size:14px }
.nav a:link, .nav a:visited { color: #036b28; font-weight: bold; }
.nav a.current, .nav a:hover, .nav a:active { color: #000000; font-weight: bold; text-decoration: underline; background: no-repeat 50% -144px; }

.subnav { position: absolute; top: 26px; left: 0; float: left; height: 27px; line-height: 27px; white-space: nowrap; background: no-repeat 0 -180px;}
* html .subnav { margin: 0 10px 0 -10px; /* IE 6 and below */ }

.subnav p { padding: 0 10px; no-repeat 100% -234px; }
.subnav p span { background-color: display: block; repeat-x 0 -207px; }
.subnav p.pointer { position: absolute; top: -4px; left: 0; height: 5px; width: 11px; padding: 0; margin-left: 20px; text-indent: -999em; background:repeat-x 0 -261px; }
.subnav a { display: inline; padding: 0; font-size: 100%; }
[class~="subnav"] a { padding: 0 3px; }
.subnav, .subnav a:link, .subnav a:visited { color: #228252; }
.subnav a:hover, .subnav a:active { color: #9ec31c; }/*<!--连接颜色-->*/
.subnav a:hover, .subnav a:active { font-weight: bold; background: none; border-bottom: 2px solid; }
/* subnav position and pointer position */
#subnav1 { left: 28px; }
#subnav2 { left: 160px; }
#subnav3 { left: 346px; }
#subnav4 { left: 28px; }
#subnav5 { left: 400px; }
#subnav6 { left: 380px; }
#subnav1 .pointer, #subnav2 .pointer, #subnav3 .pointer, #subnav4 .pointer { left: 30px; }
/* Note
#subnav5 .pointer { left: auto; right: 290px; }
#subnav6 .pointer { left: auto; right: 0px; }
#subnav7 { left: auto; right: 0px; }
#subnav7 .pointer { left: auto; right: 70px; }
#subnav1, #subnav2, #subnav3, #subnav4 { min-width: 110px; }
#subnav5 { min-width: 340px; }
#subnav6 { min-width: 240px; }
#subnav7 { min-width: 130px; }
==========================================================*/
.note { margin: 0 15px 10px; color:#666666; }
.note span { float:right; }
.disable { display: none;}

关闭窗口   

·[远程桌面控制]错误: 拒绝访问
·[菜单制作]css+js下拉菜单
·[定时关机命令]定时关机命令
·[远程桌面控制]远程桌面控制与IIS设置
·[导航菜单]横向导航菜单 2009-1-25
·[搜索引擎优化] 网站优化-url优化
·[网络营销方法] SEO讲座:关键词布局技巧

◇ 搜索引擎小偷程序初探

成品[朝阳区]
  魔快分站|信诚威|青风荷韵|泛亚西亚|北京隆腾展具制作|祥威胜|优仕配音|诚灵纺织|国顺广告材料|中国设计名站|北京朝阳做网站|北京建网站|北京做网站
©2002-  电话:010-69440493  QQ:476289485 手机:15011022561(苏先生)  Email:[email protected]
地址:北京市建国门外大街17号28号楼 华星擘达商务楼6层2602 做网站找魔快,建站快、优化好!MoKuai.Net