网站导航代码最精简的设置
网站导航代码最精简的设置
当当当当蛋糕 发表于1年前
网站导航代码最精简的设置
  • 发表于 1年前
  • 阅读 12
  • 收藏 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
×
当当当当蛋糕
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: