<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<title>漂亮的CSS3弹性导航下拉菜单代码</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="css/reset.min.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body><script src="/demos/googlegg.js"></script>
<ul class="hList">
<li>
<a href="#click" class="menu">
<h2 class="menu-title">animals</h2>
<ul class="menu-dropdown">
<li>cat</li>
<li>dog</li>
<li>horse</li>
<li>cow</li>
<li>pig</li>
</ul>
</a>
</li>
<li>
<a href="#click" class="menu">
<h2 class="menu-title menu-title_2nd">names</h2>
<ul class="menu-dropdown">
<li>Kevin</li>
<li>Jim</li>
<li>Andy</li>
</ul>
</a>
</li>
<li>
<a href="#click" class="menu">
<h2 class="menu-title menu-title_3rd">things</h2>
<ul class="menu-dropdown">
<li>bench</li>
<li>pizza</li>
<li>Honda CB125</li>
<li>space</li>
<li>black matter</li>
<li>apple</li>
<li>philodendron</li>
<li>liver</li>
<li>brass</li>
</ul>
</a>
</li>
<li>
<a href="#click" class="menu">
<h2 class="menu-title menu-title_4th">Movies</h2>
<ul class="menu-dropdown">
<li>Godzilla</li>
<li>Man on Wire</li>
<li>Spirited Away</li>
<li>Interstellar</li>
</ul>
</a>
</li>
</ul>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
<br><br><br><br><br><br><br><br><br><br><br><br>
<p>适用浏览器：360、FireFox、Chrome、Opera、傲游、搜狗、世界之窗. 不支持Safari、IE8及以下浏览器。</p>
<p>更多源码：<a href="http://www.96flw.com/" target="_blank">www.96flw.com</a></p>
</div>
</body>
</html>
漂亮的CSS3弹性导航下拉菜单代码.zip
版权申诉
192 浏览量
2023-09-23
09:58:59
上传
评论
收藏 3KB ZIP 举报
漂亮的CSS3弹性导航下拉菜单代码.zip （3个子文件） 
css 
style.css 4KB reset.min.css 773B
index.html 2KB资源评论
码云笔记
- 粉丝: 1w+
- 资源: 5813
下载权益
C知道特权
VIP文章
课程特权
VIP享7折，此内容立减5.97元 开通VIP
