<!DOCTYPE html>
<html lang="en">
<head>
<title>下拉 nav jquery css3 transform</title>
<meta charset="utf-8" />
<link rel="stylesheet" href="css/main.css" />
<script src="js/jquery.js"></script>
</head>
<body>
<!--nav-->
<nav>
<!--导航条-->
<ul class="nav-main">
<li>首页</li>
<li id="li-1">产品信息<span></span></li>
<li id="li-2">关于我们<span></span></li>
<li id="li-3">商家信息<span></span></li>
<li>加入我们</li>
<li>联系我们</li>
</ul>
<!--隐藏盒子-->
<div id="box-1" class="hidden-box hidden-loc-index">
<ul>
<li>关于我们</li>
<li>产品信息</li>
<li>关于我们</li>
</ul>
</div>
<div id="box-2" class="hidden-box hidden-loc-us">
<ul>
<li>关于我们</li>
<li>产品信息</li>
<li>关于我们</li>
<li>商家信息</li>
</ul>
</div>
<div id="box-3" class="hidden-box hidden-loc-info">
<ul>
<li>关于我们</li>
<li>产品信息</li>
<li>关于我们</li>
<li>商家信息</li>
<li>加入我们</li>
</ul>
</div>
</nav>
<script src="js/main.js"></script>
</body>
</html>
js_jquery_css3实现带旋转提示_下拉框导航
需积分: 10 30 浏览量
2014-04-04
16:04:28
上传
评论
收藏 79KB ZIP 举报
js_jquery_css3实现带旋转提示_下拉框导航_nav（可轻松实现扩展）封装.zip （13个子文件） 
下拉nav(designByLephy) css 
main.css 2KB img 
down-icon.png 3KB
index.html 1KB js jquery.js 242KB main.js 876B .idea scopes scope_settings.xml 143B 下拉nav.iml 292B misc.xml 132B vcs.xml 173B .name 9B modules.xml 281B encodings.xml 171B workspace.xml 18KB资源评论
