<!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=utf-8" />
<title>CSS3 3D旋转下拉菜单DEMO演示</title>
<!-- add styles -->
<link href="css/css.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div style="text-align:center;clear:both;">
<script src="/gg_bd_ad_720x90.js" type="text/javascript"></script>
<script src="/follow.js" type="text/javascript"></script>
</div>
<div class="container">
<ul class="menu">
<li><a href="#">主页</a></li>
<li><a href="#">菜单一</a>
<ul class="submenu">
<li><a href="#">子菜单A</a></li>
<li><a href="#">子菜单B</a></li>
<li><a href="#">子菜单C</a></li>
<li><a href="#">子菜单D</a></li>
<li><a href="#">子菜单E</a></li>
<li><a href="#">子菜单F</a></li>
<li><a href="#">子菜单G</a></li>
<li><a href="#">子菜单H</a></li>
</ul>
</li>
<li class="active"><a href="#s2">菜单二</a>
<ul class="submenu">
<li><a href="#">子菜单A</a></li>
<li><a href="#">子菜单B</a></li>
<li><a href="#">子菜单C</a></li>
<li><a href="#">子菜单D</a></li>
<li><a href="#">子菜单E</a></li>
<li><a href="#">子菜单F</a></li>
<li><a href="#">子菜单G</a></li>
<li><a href="#">子菜单H</a></li>
</ul>
</li>
<li><a href="#">菜单三</a>
<ul class="submenu">
<li><a href="#">子菜单A</a></li>
<li><a href="#">子菜单B</a></li>
<li><a href="#">子菜单C</a></li>
<li><a href="#">子菜单D</a></li>
<li><a href="#">子菜单E</a></li>
<li><a href="#">子菜单F</a></li>
<li><a href="#">子菜单G</a></li>
<li><a href="#">子菜单H</a></li>
</ul>
</li>
<li><a href="#">菜单四</a></li>
<li><a href="#">返回教程</a></li>
</ul>
</div>
<div style="display:none"><script src="http://demo.jb51.net/js/tj.js"></script></div>
<script src="http://demo.jb51.net/js/yxj.js" type="text/javascript"></script>
</body>
</html>
纯CSS3实现的3D旋转下拉菜单效果源码.zip
版权申诉
91 浏览量
2022-10-31
23:58:35
上传
评论
收藏 3KB ZIP 举报
易小侠
- 粉丝: 6482
- 资源: 9万+