整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
用帝国CMS新版核心，安全快速稳定！
首页无需懂得代码直接填入要显示的分类就可以展示你要展示的分类。
内容详细介绍支持图文和HTML排版，网站地址加NOF属性，防止权重导出，不影响本站权重！
TAG标签属性已全站做好拼音伪静态。
内容页面增加30天访问量功能并以图表形式展示，让运营更真实高效！整站安装改下LOGO和栏目即可快速运营！
详细页请看演示即可：
不多说，直接上图！
1.AnywhereAnything
http://lackar.com/aa/
AnywhereAnything
AnywhereAnything—单页式全能搜索引擎，是一款以html5进行开发的单页网址导航源码。是把 webOS 的 Just Type 搬上 web 而做的，并进行了本地化,现在仍在不断添砖加瓦。
2.电影导航
http://www.dydh.org/
电影导航
电影导航网，是国内专业的电影网址导航网站。人工整理优秀的在线电影网站大全、电影网站排行榜和电影下载网站大全,为大家在线看电影和下载电影提供便利.
3.萌导航
http://www.moe123.net/
萌导航
萌导航，是富有二次元的导航网站。及时收录动漫网站及资讯、宅网站、萌网站、动画、漫画、游戏等内容。由于本人喜欢动漫，这个网站我很喜欢。如果不喜欢，就不要勉强。
4.比格张
https://bigezhang.com/
比格张
比格张，是一个发现优秀网站资源的分享平台。每天推荐一些国内外更多优秀且高质量的设计、产品、创意、图片、素材、工具资源、社区、技术等主题的网站资源。适合做设计工作的人员。
5.1纳米学习网站
http://1nami.com/
1纳米学习网
1纳米学习导航,是专业的学习网站导航。收集国内外最新最酷的学习网站!
精选 '益智训练'相关的学习网站!学习必备!找资料必备!
6.老司机导航
http://www.itianxia.cn
老司机
老司机，是一个简洁懂你的年轻人网址导航。没有广告、弹窗,老司机导航希望成为通向未知的最短路径。快捷键直达站点、一键打开多个标签页,老司机为你节省每分每秒
7.魔导网
http://www.mdwhat.com/home/index/0/common
魔导网
魔导网，是一个集成了网站导航,网站收藏,网站问答,网站分享,共享收藏夹,
随机发现网站等功能的新型导航网站，发现优秀的网站.
8.笔点
https://www.bidianer.com/#/
笔点
笔点，是一个简洁的网址导航网站。你可以自定义上网常用网址、自定义你需要的工具模块。
你还可以发现、收集、分享,Web开发、设计工作中的优质网站。与魔导有点相似。
如果你有好得网站，记得留言分享！
BY:洛奇猫luoqimao
不多说，直奔主题
<!--html代码-->
<div>
<ul>
<li><a href="#home" class="active">主页</a></li>
<li><a href="#news">新闻</a></li>
<li>
<div class="dropdown">
<a href="#" class="dropbtn">下拉菜单</a>
<div class="dropdown-content">
<a href="#">链接 1</a>
<a href="#">链接 2</a>
<a href="#">链接 3</a>
</div>
</div>
</li>
<li><a href="#about">关于</a></li>
</ul>
<h3>导航栏上的下拉菜单</h3>
<p>鼠标移动到 "下拉菜单" 链接先显示下拉菜单。</p>
</div>/*css代码*/
ul {
list-style-type: none;
margin: 0;
padding: 0;
background-color: #999;
overflow: hidden;
/* 注意: overflow:hidden 添加到 ul 元素,以防止 li 元素列表的外出(当li{float:left}时)。 来源链接：https://www.runoob.com/try/try.php?filename=trycss_navbar_horizontal_float&basepath=0 */
}
li {
float: left;
}
li a {
color: white;
padding: 14px 16px;
display: inline-block;
text-decoration: none;
}
li>a.active {
background-color: green;
}
li>a:hover:not(a.active),
.dropbtn:hover {
background-color: #555;
}
.dropdown-content {
display: none;
position: absolute;
/* 默认相对于<html>进行绝对定位 */
background-color: #f9f9f9;
min-width: 100px;
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
}
.dropdown-content a {
color: black;
display: block;
/* 因为<a>标签不是块元素，min-width:100px不会生效 */
}
.dropdown-content a:hover {
background-color: #f1f1f1;
color: deepskyblue;
}
.dropdown:hover .dropdown-content {
display: block;
opacity: 0.9;/*下拉菜单半透明效果*/
}
/* 中间的空格表示，鼠标悬念在.dropdown上时，dropdown的子元素.dropdown-content变为块元素 */
/* ### 待完善 ###
因为.dropdown只用过一次，觉得可以删除<div class="dropdown"></div>来减少代码量，尝试 将.dropdown:hover .dropdown-content {display: block;} 修改为.dropbtn:hover+.dropdown-content {display: block;} 并删除<div class="dropdown"></div>后，鼠标悬停在“下拉菜单”上，会显示下拉菜单， 但无法选中菜单中的“链接 x”， ### 为什么？该如何完善？ ###
*/最终效果图：
*请认真填写需求信息，我们会在24小时内与您取得联系。
