<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>CSS3个性化多级下拉菜单在线演示</title>
<link href="css/jb51.css" rel="stylesheet">
<link href="css/maps.css" rel="stylesheet">
<script type="text/javascript" src="js/maps.js"></script>
<script type="text/javascript" src="js/google.js"></script>
<script type="text/javascript">$(document).ready(function(){$().maps();});</script>
</head>
<body>
<p style="display:none">Lorem ipsum dolor dit amet</p>
<div class="content">
<p style="display:none">Lorem ipsum dolor dit amet</p>
<p style="display:none">Lorem ipsum dolor dit amet</p>
<ul class="venus-menu">
<p style="display:none">Lorem ipsum dolor dit amet</p>
<li class="active"><a href="#"><i class="icon-home"></i>Home</a></li><p style="display:none">
Lorem ipsum dolor dit amet</p>
<p style="display:none">Lorem ipsum dolor dit amet</p>
</li>
<li><a href="#"><i class="icon-magic"></i>About</a></li><p style="display:none">
Lorem ipsum dolor dit amet</p>
</li>
<li><a href="#"><i class="icon-thumbs-up"></i>Services</a></<ul>
<li><a href="#">Web Design</a></li><p style="display:none">Lorem ipsum
dolor dit amet</p>
</li>
<li><a href="#">Hosting</a></li><p style="display:none">Lorem ipsum
dolor dit amet</p>
</li>
<li><a href="#">Design</a><ul>
<li><a href="#">Graphics</a></li><p style="display:none">Lorem ipsum
dolor dit amet</p>
</li>
<li><a href="#">Vectors</a></li><p style="display:none">Lorem ipsum
dolor dit amet</p>
</li>
<li><a href="#">Photoshop</a><p style="display:none">Lorem ipsum
dolor dit amet</p>
<ul>
<li><a href="#">Photo editing</a></li><p style="display:none">
Lorem ipsum dolor dit amet</p>
</li>
<li><a href="#">Business cards</a></li><p style="display:none">
Lorem ipsum dolor dit amet</p>
</li>
<li><a href="#">Websites</a></li><p style="display:none">Lorem
ipsum dolor dit amet</p>
</li>
<li><a href="#">Flyers</a></li><p style="display:none">Lorem
ipsum dolor dit amet</p>
</li>
</ul>
<p style="display:none">Lorem ipsum dolor dit amet</p>
</li>
<p style="display:none">Lorem ipsum dolor dit amet</p>
</li>
<li><a href="#">Fonts</a></li><p style="display:none">Lorem ipsum
dolor dit amet</p>
</li>
</ul>
<p style="display:none">Lorem ipsum dolor dit amet</p>
</li>
<p style="display:none">Lorem ipsum dolor dit amet</p>
</li>
<li><a href="#">Consulting</a></li><p style="display:none">Lorem ipsum
dolor dit amet</p>
</li>
</ul>
<p style="display:none">Lorem ipsum dolor dit amet</p>
</li>
<p style="display:none">Lorem ipsum dolor dit amet</p>
</li>
<li><a href="#"><i class="icon-quote-right"></i>Blog</a></li><p style="display:none">
Lorem ipsum dolor dit amet</p>
</li>
<li><a href="#"><i class="icon-envelope-alt"></i>Contact</a></li><p style="display:none">
Lorem ipsum dolor dit amet</p>
</li>
<li class="search">
<form method="get">
<input type="text" name="search" class="search" placeholder="Search" /></form>
</li>
<p style="display:none">Lorem ipsum dolor dit amet</p>
</li>
</ul>
<p style="display:none">Lorem ipsum dolor dit amet</p>
<p style="display:none">Lorem ipsum dolor dit amet</p>
</div>
</body>
</html>
CSS3带有多级下拉菜单的弹性展开下拉动画效果源码.zip
版权申诉
133 浏览量
2022-10-31
02:05:54
上传
评论
收藏 197KB ZIP 举报
毕业_设计
- 粉丝: 1932
- 资源: 1万+