文档章节

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

 当当当当蛋糕
发布于 2016/11/24 09:36
字数 1021
阅读 14
收藏 0
点赞 0
评论 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
蝉知企业门户系统 5.3 正式发布,新 logo 发布、自定义功能增强

蝉知企业门户系统 5.3 正式发布了。 大家好,蝉知的自定义功能和高可定制性已经被广大用户认可,蝉知5.3版继续增强了自定义功能,包括模板在线编辑、文章、产品、博客、单页的独立布局功能,...

it1000001001
2016/05/10
4.1K
27
四个步骤实现层级清晰的导航栏

【编者按】本文作者为 Wes McDowell,主要介绍通过四个步骤实现层级清晰的导航栏,进而提高网站的转化率。文章系国内 [ITOM][1] 管理平台 [OneAPM][2] 编译呈现。 精心规划的导航策略可以成就...

OneAPM蓝海讯通
2016/06/21
22
0
然之协同 1.4 版发布,多处改进安全升级

大家好,然之协同1.4.beta版本正式发布了。 1.4.beta版本对客户、账目导入、项目、分页等多处功能进行了改进; 修复了之前版本的一些bug。本次发布增强了系统安全性,建议老版本用户及时更新...

炒蚕豆吃蹦豆
2014/09/05
1K
14
一些必看的jQuery导航插件和教程

导航是一个网站最重要的元素之一,您必须遵循统一的风格来设计您的网站,特别是导航的风格,让用户可以轻松地找到他们想要的内容。这里最大的部分是开发一个菜单,即要直观易用,又要符合你网...

迷路的阿修罗
2010/12/30
0
1
Android 100多个Styles快速开发布局XML,一行搞定View属性,一键统一配置UI..

Android开发中大量使用XML代码作为界面的布局,使用styles能大幅精简XML代码。 比如下面这个界面从AlertDialog至PlacePickerWindow有19个样式相同的跳转Item,点击后颜色加深并跳转界面。 使...

孤独的探索号
2016/07/23
2.1K
2

没有更多内容

加载失败,请刷新页面

加载更多

下一页

python3.6用的外库遇到的问题

要用到wmi库 pip install wmi 装后不能用还要安装pywin32库。 要用到crypto加密模块安装pip instal pycrypto装后不能用。要安装pycryptodome。...

oisan_
10分钟前
0
0
select, poll, epoll I/O复用介绍

什么是I/O复用? 内核监视多个文件描述符(I/O文件句柄),一旦某个描述符就绪(一般是读就绪或者写就绪),能够通知应用程序进行相应的读写操作。 I/O多路复用又被称为“事件驱动”(比如读写事...

xiaoxlm
10分钟前
0
0
【Spring 系列 给IOC容器添加组件的几种方式总结】

给Spring 注册Bean的几种方式总结。其中使用@Import注解是Spring Boot 完成自动配置的一个核心注解。 1、Spring 中给IOC容器添加组件的几种方式 在Spring的配置文件中,配置Bean(基于XML方式...

HansonReal
11分钟前
3
0
bootstrapTable语言包设置

###方法一引入不同的语言包 <script src="bootstrap-table-zh-CN.js"></script> ###方法二引入全语言包 <script src="bootstrap-table-locale-all.min.js"></script>//然后在初始化前设计默......

momo1987
12分钟前
0
0
Saltstack 常用命令

1、拷贝文件到客户端 # salt 'slaver.test.com' cp.get_file salt://apache.sls /tmp/cp.txt 2、拷贝目录到客户端 # salt 'slaver.test.com' cp.get_dir salt://test /tmp 3、显示存活的客户......

硅谷课堂
13分钟前
0
0
致初学者-如何学好Python这门编程语言?[图]

致初学者-如何学好Python这门编程语言?[图]: 对于很多Python3初学者,往往会面临以下问题:Python2和Python3我该学习哪一个?是否要安装Linux系统学习Python?Python3有各种版本我该安装哪...

原创小博客
15分钟前
1
0
E31---setopt=protected_multilib=false

今天在云服务器上装nginx,需要先安装一些依赖库比如zlib, ,但是安装zlib时候报错。 yum install -y zlib zlib-devel 1 (-y 指的是如果需要选yes no的自动y)下面是报错 Protected multil...

侠客行之石头
20分钟前
0
0
HTTP常见面试题

Http与Https的区别: HTTP 的URL 以http:// 开头,而HTTPS 的URL 以https:// 开头 HTTP 是不安全的,而 HTTPS 是安全的 HTTP 标准端口是80 ,而 HTTPS 的标准端口是443 在OSI 网络模型中,H...

JK_OPERA
21分钟前
0
0
python爬取站长素材网页图片保存到ppt中

网站地址:http://sc.chinaz.com/tupian/index.html 直接上代码: import requestsfrom bs4 import BeautifulSoupfrom pptx import Presentationfrom pptx.util import Inchesimpor......

你为什么不吃药
23分钟前
1
0
Ubuntu 18.04 swap空间的修改

一、准备工作 执行“sudo swapon -s”命令,查看是否已经存在swap file 二、修改swap file # 如果第一步存在swapfile则需要先禁用sudo swapoff /swapfile# 修改swap 空间的大小为2Gs...

Iceberg_XTY
26分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部