首页 > 代码库 > 二级导航下拉菜单

二级导航下拉菜单

纯css3二级导航下拉菜单,新增一些css3的特效,提供借鉴学习,如有雷同之处勿喷

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>二级下拉导航</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link rel="stylesheet" type="text/css" href="http://www.website68.com/tx/style.css">
</head>
<body>
<!-- 头部 never -->
<div class="header " >
<!-- nav -->
<div class="nav nav_num_0 ">
<ul>
<li class=""><span class="nav-one"><a href="" class="cn f13" style="color:#000">首页</a></span></li>
<li data-cid="8" class=""><span class="nav-one"><a target="_self" href="" class="cn f13" style="color:#000">走进房产</a></span>
<div class="childer"><a class="childer-a" href="">集团介绍</a><a class="childer-a" href="">企业文化</a></div>
</li>
<li data-cid="4" class=""><span class="nav-one"><a target="_self" href="" class="cn f13" style="color:#000">综合业态</a></span>
<div class="childer"><a class="childer-a" href="">住宅地产</a><a class="childer-a" href="">商业地产</a><a class="childer-a" href="">旅游地产</a></div>
</li>
<li data-cid="27" class=""><span class="nav-one"><a target="_self" href="" class="cn f13" style="color:#000">投资者关系</a></span>
<div class="childer"><a class="childer-a" href="">企业管制</a><a class="childer-a" href="">财务摘要</a><a class="childer-a" href="">年度/中期报告</a><a class="childer-a" href="">公告与通函</a></div>
</li>
<li data-cid="1" class=""><span class="nav-one"><a target="_self" href="" class="cn f13" style="color:#000">新闻中心</a></span>
<div class="childer"><a class="childer-a" href="">公司新闻</a><a class="childer-a" href="">行业新闻</a></div>
</li>
<li data-cid="21" class=""><span class="nav-one"><a target="_self" href="" class="cn f13" style="color:#000">房产招聘</a></span></li>
<li data-cid="12" class=""><span class="nav-one"><a target="_self" href="" class="cn f13" style="color:#000">投资咨询</a></span>
<div class="childer"><a class="childer-a" href="">联系方式</a><a class="childer-a" href="">在线留言</a></div>
</li>
</ul>
</div>
<!-- /nav --></div>
</div>
<!-- /头部 -->

</body>
</html>

二级导航下拉菜单