wordpress美化-网站炫动导航栏代码教程
小鹿系列竞价软件覆盖百度、360、搜狗、神马四大搜索平台，采用独创的竞价算法，智能精准出价，一键批量查排名，根据关键词位置实时调整出价，降低出价虚高，稳定排名，节省企业预算。
小鹿竞价软件专题介绍：https://www.xiaolutg.com/bidding/fengchao?ref=menu
[只针对知更鸟主题，其它主题可以进行模仿修改，因为修改的主要还是css。]
第一步：修改菜单结构
点击外观->菜单，选择你自己命名的导航菜单，然后就可以看到菜单结构。
另外，选择好导航菜单之后，需要点击右上角的“显示选项”，根据下图进行选择：
下面就是代码部分：
①修改一级标题：本站首页
导航标签添加代码：
- <iclass=“fa-homefa”></i><spanclass=“font-text”>本站首页</span>
CSS类添加代码：
- cddhcddh1wowanimated
②修改一级标题：Java篇
导航标签添加代码：（同上）
CSS类添加代码：
- cddhwowanimatedcddh2
③修改一级标题:Linux篇
导航标签添加代码：（同上）
CSS类添加代码：
- cddhwowanimatedcddh5
导航标签添加代码：（同上）
CSS类添加代码：
- cddhwowanimatedcddh6
⑤修改一级标题:资源分享
导航标签添加代码：（同上）
CSS类添加代码：
- cddhwowanimatedcddh7
导航标签添加代码：（同上）
CSS类添加代码：
- cddhwowanimatedcddh8
导航标签添加代码：（同上）
CSS类添加代码：
- wowanimatedcddh8cddh
第二步：添加css代码
将以下css代码添加到style.css中：
- .down-menu>li.sfHover>a,#site-nav.down-menu>li>a:hover{animation-duration:.8s;animation-name:fadeInUp;background:#666nonerepeatscroll00;color:#fff!important}#site-nav.down-menu>.current-menu-item>a,#site-nav.down-menu>.current-menu-item>a:hover{animation-duration:.8s;animation-name:fadeInUp;background:#c40000nonerepeatscroll00;color:#fff!important}@keyframesfushang{0%{opacity:0;transform:translateY(-300px)}10%{opacity:0}100%{opacity:1;transform:translateY(0)}}@keyframesfushang{0%{opacity:0;transform:translateY(-300px)}10%{opacity:0}100%{opacity:1;transform:translateY(0)}}.fushang{animation-name:fushang}.fushang{animation-name:fushang}.cddh{animation-name:fushang;z-index:5}.cddh1{animation-duration:.7s}.cddh2{animation-duration:.8s}.cddh3{animation-duration:1s}.cddh4{animation-duration:1.1s}.cddh5{animation-duration:1.2s}.cddh6{animation-duration:1.3s}.cddh7{animation-duration:1.4s}.cddh8{animation-duration:1.5s}.cddh9{animation-duration:1.7s}.cddh9{animation-duration:1.7s}.cddh10{animation-duration:.5s;animation-name:fushang}
基本就算完成了，希望测试后的朋友，将出现的问题发表到留言处，企鹅SEO晚上有空帮大家处理，谢谢支持~
标签：
小鹿竞价推广
分享至：
关注公众号 获取更多干货资讯