文档章节

网站导航代码最精简的设置

 当当当当蛋糕
发布于 2016/11/24 09:36
字数 1021
阅读 15
收藏 0

<div class="nav">
        <div class="wrapper">
            <ul class="nav-list fix">
                <li class="item">
                    <a href="http://www.xxxx.com/" class="first active">首页</a>
                </li>
                <li class="item">
                    <a target="_blank" href="http://xiamen.changtu.com/">厦门汽车站时刻表<i class="iconfont icon-down"></i></a>
                    <div class="sub-nav-wrap">
                        <ul class="sub-nav-list fix" style="padding-left: 61.25px;">
                            <li><a target="_blank" href="http://www.xxxx.com/ticket_center/">汽车售票点</a></li>
                            <li><a target="_blank" href="http://www.xxxx.com/price/">汽车票价</a></li>
                            <li><a target="_blank" href="http://www.xxxx.com/guanwang/">汽车站官网</a></li>
                            <li><a target="_blank" href="http://www.xxxx.com/6_newsList/">客运资讯</a></li>
                            <li><a target="_blank" href="http://www.xxxx.com/wenba/keyun/">客运问答</a></li>
                            <li><a target="_blank" href="http://www.xxxx.com/zhinan/">客运指南</a></li>
                        </ul>
                    </div>
                </li>
                <li class="item">
                    <a target="_blank" href="http://www.xxxx.com/stationList/">汽车站</a>
                </li>
                <li class="item">
                    <a target="_blank" href="http://www.xxxx.com/huoche/">火车票 <i class="iconfont icon-down"></i></a>
                    <div class="sub-nav-wrap">
                        <ul class="sub-nav-list fix" style="padding-left: 131.25px;">
                            <li><a target="_blank" href="http://www.xxxx.com/huochezhan/">火车站大全</a></li>
                            <li><a target="_blank" href="http://www.xxxx.com/hctcp-beijing/">火车售票点</a></li>
                            <li><a target="_blank" href="http://www.xxxx.com/huochepiaojia/">火车票价</a></li>
                            <li><a target="_blank" href="http://www.xxxx.com/yushouqi/">火车票预售期</a></li>
                            <li><a target="_blank" href="http://www.xxxx.com/dongche/">动车时刻表</a></li>
                            <li><a target="_blank" href="http://www.xxxx.com/gaotie/">高铁时刻表</a></li>
                            <li><a target="_blank" href="http://www.xxxx.com/5_newsList/">火车资讯</a></li>
                            <li><a target="_blank" href="http://www.xxxx.com/wenba/huoche/">火车问答</a></li>
                            
                        </ul>
                    </div>
                </li>
                
                <li class="item">
                    <a target="_blank" href="http://www.xxxx.com/zhuanti/">专题 <i class="iconfont icon-down"></i></a>
                    <div class="sub-nav-wrap">
                        <ul class="sub-nav-list fix" style="padding-left: 170.25px;">
                            <li><a target="_blank" href="http://www.xxxx.com/12306/">12306专题</a></li>
                            <li><a target="_blank" href="http://www.xxxx.com/chunyun/">春运专题</a></li>
                            <li><a target="_blank" href="http://www.xxxx.com/qingmingjie/">清明节专题</a></li>
                            <li><a target="_blank" href="http://www.xxxx.com/wuyi/">五一专题</a></li>
                            <li><a target="_blank" href="http://www.xxxx.com/duanwujie/">端午节专题</a></li>
                            <li><a target="_blank" href="http://www.xxxx.com/zhongqiujie/">中秋节专题</a></li>
                            <li><a target="_blank" href="http://www.xxxx.com/guoqingjie/">国庆节专题</a></li>
                            <li><a target="_blank" href="http://www.xxxx.com/h7n9/">H7N9专题</a></li>
                            <li><a target="_blank" href="http://www.xxxx.com/24jieqi/">24节气专题</a></li>
                        </ul>
                    </div>
                </li>
                <li class="item">
                    <a target="_blank" href="http://www.xxxx.com/zuchewang/">租车</a>
                </li>
                <li class="item">
                    <a target="_blank" href="http://www.xxxx.com/lvyou/">旅游 <i class="iconfont icon-down"></i></a>
                    <div class="sub-nav-wrap">
                        <ul class="sub-nav-list fix" style="padding-left: 126.25px;">
                            <li><a target="_blank" href="http://www.xxxx.com/zijiayou/">自驾游</a></li>
                            <li><a target="_blank" href="http://www.xxxx.com/lvxingshe/">旅行社</a></li>
                            <li><a target="_blank" href="http://www.xxxx.com/gonglve/">旅游</a></li>
                            <li><a target="_blank" href="http://www.xxxx.com/youji/">游记</a></li>
                            <li><a target="_blank" href="http://www.xxxx.com/meishi/">美食</a></li>
                            <li><a target="_blank" href="http://www.xxxx.com/techan/">特产</a></li>
                            <li><a target="_blank" href="http://www.xxxx.com/youting/">游艇</a></li>
                            <li><a target="_blank" href="http://www.xxxx.com/qianzheng/">签证</a></li>
                            <li><a target="_blank" href="http://www.xxxx.com/youlun/">邮轮</a></li>
                            <li><a target="_blank" href="http://www.xxxx.com/wenquan/">温泉</a></li>
                            <li><a target="_blank" href="http://www.xxxx.com/lundu/">轮渡</a></li>
                           <!--  <li><a target="_blank" href="http://www.xxxx.com/photos/">图片</a></li>
                            <li><a target="_blank" href="http://www.xxxx.com/paihang/">排行</a></li>
                            <li><a target="_blank" href="http://www.xxxx.com/ditu/">电子地图</a></li> -->
                            <li><a target="_blank" href="http://www.xxxx.com/lvyouditu/">旅游地图</a></li>
                            <li><a target="_blank" href="http://www.xxxx.com/wenba/lvyou/">旅游问答</a></li>
                            <li><a target="_blank" href="http://www.xxxx.com/luying/">露营</a></li>
                            <li><a target="_blank" href="http://www.xxxx.com/xuechang/">户外旅行</a></li>
                        </ul>
                    </div>
                </li>
                <li class="item">
                    <a target="_blank" href="http://www.xxxx.com/jingdian/">景点</a>
                </li>
                <li class="item">
                    <a target="_blank" href="http://www.xxxx.com/tianqi/">天气 <i class="iconfont icon-down"></i></a>
                    <div class="sub-nav-wrap">
                        <ul class="sub-nav-list fix" style="padding-left: 282.25px;">
                            <li><a target="_blank" href="http://www.xxxx.com/guojitianqi/">国际天气</a></li>
                            <li><a target="_blank" href="http://www.xxxx.com/jichangtianqi/">机场天气</a></li>
                            <li><a target="_blank" href="http://www.xxxx.com/lvyoutianqi/">旅游天气</a></li>
                            <li><a target="_blank" href="http://www.xxxx.com/lishitianqi/">历史天气</a></li>
                            <li><a target="_blank" href="http://www.xxxx.com/pm25/">PM2.5</a></li>
                            <li><a target="_blank" href="http://www.xxxx.com/tianqi_news_list-1/">天气资讯</a></li>
                            <li><a target="_blank" href="http://www.xxxx.com/tianqichangshi/">天气常识</a></li>
                            <li><a target="_blank" href="http://www.xxxx.com/tqbk/">天气百科</a></li>
                        </ul>
                    </div>
                </li>
                <li class="item">
                    <a target="_blank" href="http://www.xxxx.com/keyun_news/">资讯</a>
                </li>
                <li class="item">
                    <a target="_blank" href="http://www.xxxx.com/bus/">公交 <i class="iconfont icon-down"></i></a>
                    <div class="sub-nav-wrap">
                        <ul class="sub-nav-list fix" style="padding-left: 776.25px;">
                            <li><a target="_blank" href="http://www.xxxx.com/bus/newslist/">公交资讯</a></li>
                            <li><a target="_blank" href="http://www.xxxx.com/wenba/gongjiao/">公交问吧</a></li>
                            <li><a target="_blank" href="http://www.xxxx.com/ditie/">地铁大全</a></li>
                        </ul>
                    </div>
                </li>
                <li class="item">
                    <a target="_blank" href="http://www.xxxx.com/gongjuxiang/">工具箱</a>
                </li>
            </ul>
        </div>
    </div>

© 著作权归作者所有

共有 人打赏支持
粉丝 0
博文 38
码字总数 13194
作品 0
南京
CSDN_LQR/LQRDropdownLayoutLibrary

LQRDropdownLayoutLibrary 下拉导航菜单,使用非常简单 LQRDropdownLayout 该项目是下拉导航菜单,使用非常简单。基于FilterDropDownMenu-master项目进行封装,因为原项目的使用太复杂了,光...

CSDN_LQR
2017/01/17
0
0
蝉知 4.5 发布,新增可视化编辑/流量统计功能

佳节献礼,蝉知企业门户系统4.5版本携两大重量级功能于9月25日正式发布啦。 蝉知4.5增加了前台可视化编辑、流量统计两大功能,还增加了会员积分功能,优化了其他功能。 关于蝉知 蝉知企业门户...

炒蚕豆吃蹦豆
2015/09/28
5K
6
收集自网络的wordpress 分页导航的代码教程(全网最全版)

wordpress 分页导航是用来切换文章的一个功能,添加了 wordpress 分页导航后,用户即可自由到达指定的页面数浏览分类文章,而这样的一个很简单功能却有很多朋友在用插件:WP-PageNavi,插件的...

Rhymo-Wu
06/20
0
0
前端SEO—详细讲解

前端SEO—详细讲解 Ronny 5小时前暂无评论 阅读 46 次 一、搜索引擎工作原理 当我们在输入框中输入关键词,点击搜索或查询时,然后得到结果。深究其背后的故事,搜索引擎做了很多事情。 在搜...

Ronny
01/01
0
0
社交类博客 ZSWIN 2.0 正式版发布!版本号20150108

社交类博客 ZSWIN 2.0 正式版发布,版本号 20150108。 zswin2.0是zswin团队推出的很有诚意的作品。 2.0依然采用bootstrap3.3.0作为前端框架+Thinkphp3.2.3作为开发框架。 2.0保持着以往响应式...

知识zswin
2015/01/11
1K
3

没有更多内容

加载失败,请刷新页面

加载更多

Bash常用内置变量介绍

Bash常用内置变量介绍 Bash中有很多内置变量,这些变量不仅影响Bash的相关行为,也大大的方便了用户的常见操作。**Bash内置变量大体上包括两类,一类是传统Shell所具备的,另一类就是Bash所特...

小陶小陶
24分钟前
0
0
05-《深度拆解Java虚拟机》之JVM是如何执行方法调用的?(下)

一、问题引入 我们知道,设计模式大量使用了虚方法来实现多态。但是虚方法的性能效率并不高,所以作者就想在此基础上写篇文章,评估每一种设计模式因为虚方法调用而造成的性能开销,并且在文...

飞鱼说编程
44分钟前
3
0
nginx统一入口 多服务出口

nginx配置多ip和端口统一调用入口log_format中$upstream_addr 标识打印转发的url地址配置upstream和locationhttp {include mime.types;default_type application/octet-stream...

GoldenVein
46分钟前
3
0
阿里P9架构师谈:高并发网站的监控系统选型、比较、核心监控指标

在高并发分布式环境下,对于访问量大的业务、接口等,需要及时的监控网站的健康程度,防止网站出现访问缓慢,甚至在特殊情况出现应用服务器雪崩等场景,在高并发场景下网站无法正常访问的情况...

我是你大哥
48分钟前
2
0
华为HiAI 助力苏宁易购,让你尽享完美视觉购物体验!

还在感慨商品照片与实物存在差距,又要退货? 还在抱怨被忽视的图片小细节,影响了生活品质? 想要“买买买”, 又担心海量的商品图片耗光你的流量? 就在近期 搭载HiAI能力的苏宁易购新版上线...

华为终端开放实验室
49分钟前
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部