<html lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>下拉菜单演示</title>
<style type="text/css">
<!--
*{margin:0px; padding:0px;}
body {font-family: arial, 宋体, serif;font-size:12px;}
#nav {line-height: 24px; list-style-type: none; background:#666; }
#nav a {display: block; width: 80px; text-align:center;}
#nav a:link {color:#666; text-decoration:none;}
#nav a:visited {color:#666;text-decoration:none;}
#nav a:hover {color:#FFF;text-decoration:none;font-weight:bold;}
#nav li {float: left; width: 80px; background:#CCC;}
#nav li a:hover{background:#999;}
#nav li ul {line-height: 27px; list-style-type: none;text-align:left;left: -999em; width: 180px; position: absolute;}
#nav li ul li{float: left;background: #F6F6F6;}
#nav li ul a{display: block; width: 156px;text-align:left;padding-left:24px;}
#nav li ul a:link {color:#666; text-decoration:none;}
#nav li ul a:visited {color:#666;text-decoration:none;}
#nav li ul a:hover {color:#F3F3F3;text-decoration:none;font-weight:normal;background:#C00;}
#nav li:hover ul {left: auto;}
#nav li.sfhover ul {left: auto;}
#content {clear: left;}
-->
</style>
[removed]<!--//--><![CDATA[//><!--
function menuFix() {
var sfEls = document.getElementById("nav").getElementsByTagName("li");
for (var i=0; i0? " ": "") + "sfhover";
}
sfEls[i].onMouseDown=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls[i].onMouseUp=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"),
"");
}
}
}
window.onload=menuFix;
//-->[removed]
</head>
<body>
产品介绍一
产品一
2021-09-29 16:29:36
790KB
1
用Javascript+CSS+DIV实现的选项卡，非常不错，有横排选项和竖排选项两种可供参考，内涵了简单的CSS和JS脚本，并以DIV层展示。
2021-07-28 15:59:46
6KB
1
通过JS+CSS+DIV实现的HTML5个人网站制作，可以作为网页开发、网页制作、网页设计、网站开发等等课程的课程设计，也可以作为一个简单的网站设计的毕业设计
2021-01-28 02:07:05
3.91MB
近50种伸缩滑动折叠菜单(js、css、div实现)，有滑动导航、工具条，下拉菜单等，是目前web设计中导航效果最全面的打包文件
2019-12-21 21:36:24
790KB
1