QQ客服
当前位置 : 首页 > 代码 > 网页特效 > 导航菜单 > div css餐饮加盟分类导航菜单代码

div css餐饮加盟分类导航菜单代码

橙色的餐饮加盟网招商页面头部导航菜单布局代码。div css餐饮商机项目分类菜单布局代码。
分享到微信朋友圈
X

使用方法:

1、head引入css文件

<link rel="stylesheet" href="static/css/reset.css" /><!--默认设置-->

<link rel="stylesheet" href="static/css/gbstyle.css" /><!--主要样式-->

2、body引入HTML代码

<!-- header begin -->
<div class="gbhead1">
  <div class="gbhedcontain">
    <p><img src="static/picture/xgbicon.png">当日创业留言 1234678 条</p>
    <ul class="gbhdconul1">
      <li class="gbfl gbhdzs"><a href="#" title="" target="_blank">招商网页</a></li>
      <li class="gbfl">?。?lt;/li>
      <li class="gbfl"><a href="#" onClick="AddFavorite('餐饮加盟网','http://www.sungloryparts.com')">收藏网站</a></li>
      <li class="gbfl">?。?lt;/li>
      <li class="gbfl"><a href="#" title="" target="_blank">手机查商网</a></li>
      <li class="gbfl">?。?lt;/li>
      <li class="gbfl wxewmli"><a href="#" title="" target="_blank">微信</a>
        <div class="wxewm"><img src="static/picture/xdd.jpg" alt=""></div>
      </li>
      <li class="gbfl">?。?lt;/li>
      <li class="gbfl"><a href="#" title="" target="_self">联系我们</a></li>
    </ul>
  </div>
</div>
<div class="gbhead2">
  <div class="gbhdcon">
    <div class="gblogo gbfl"><a href="#" title="K18餐饮加盟网"><img src="http://www.sungloryparts.com/static/i/logo.png" alt=""></a></div>
    <div class="gbsecdivaa">
      <div class="gbsearch">
        <form id="form1" name="form1" method="get" action="" target="_blank" onSubmit="addSearchSid(this)">
          <input type="text" placeholder="搜索什么项目?" class="inp_text" name="keyword" id="input_text">
          <input type="hidden" name="sid" value="">
          <input type="submit" value="搜索" class="inp_sub log100_listen" data-log100-event="$searchsubmit" id="sub">
        </form>
      </div>
      <p class="gbssp"> 热门搜索:
       
        <a title="菜立方芽苗菜" href="#" data_1="#" target="_blank">芽 苗 菜</a>
        <a title="五谷联盟煎饼果子" href="#" data_1="#" target="_blank">五谷煎饼</a>
        <a title="疯迷便当" href="#" data_1="#" target="_blank">精品便当</a>
        <a title="摊小二煎饼果子" href="#" data_1="#" target="_blank">煎饼煎饼</a>
        <a title="辛麻到瓦香鸡" href="#" data_1="#" target="_blank">瓦 香 鸡</a>      
      
      </p>
    </div>
    <div class="gbhykh gbfr">
      <div class="out outl5">
        <ul class="img imgl5">
          <li style="display: list-item;"><a href="#" title="" target="_blank"><img src="static/picture/201902131628142713058.jpg" alt=""></a></li>
          <li style="display: none;"><a href="#" title="" target="_blank"><img src="static/picture/201902131628542718111.jpg" alt=""></a></li>
          <li style="display: none;"><a href="#" title="" target="_blank"><img src="static/picture/201902281659422718293.jpg" alt=""></a></li>
        </ul>
        <ul class="num numl5">
        </ul>
        <div class="left btn"></div>
        <div class="right btn"></div>
      </div>
    </div>
  </div>
  <div class="gbnav">
    <div class="gbsjfl"><span><i></i>商机项目分类</span>
      <ul>
        <!-- 选中给a添加check类名-->
        <li>
          <p class="sxf1">行业直达</p>
          
            <a href="#" title="" target="_blank">小吃</a>
            <a href="#" title="" target="_blank">快餐</a>
            <a href="#" title="" target="_blank">面馆</a>
            <a href="#" title="" target="_blank">饮品</a>
            <a href="#" title="" target="_blank">火锅</a>
            <a href="#" title="" target="_blank">麻辣烫<i></i></a>
            <a href="#" title="" target="_blank">美食街</a>          
          
          </li>
        <li>
          <p class="sxf2">投资金额</p>
           
            <a href="#" title="" target="_blank" class="check">1-3万</a>
            <a href="#" title="" target="_blank">3-5万</a>
            <a href="#" title="" target="_blank">5-10万</a>
            <a href="#" title="" target="_blank">10-20万</a>
            <a href="#" title="" target="_blank">20万以上</a>
          
          </li>
        <li>
          <p class="sxf4">创业店型</p>
          
            <a href="#" title="" target="_blank">小吃车</a>
            <a href="#" title="" target="_blank">临街店<i></i></a>
            <a href="#" title="" target="_blank">档口门店</a>
            <a href="#" title="" target="_blank">商场店</a>
            <a href="#" title="" target="_blank">复合店</a>
            <a href="#" title="" target="_blank">旗舰店</a>          
          
          
          </li>
      </ul>
    </div>
    <ul class="nav_ul">
      <!-- 选中给li添加check类名-->
      <li><a href="#" title="中西美食" target="_blank">中西美食</a></li>
      <li><a href="#" title="速食快餐" target="_blank">速食快餐</a></li>
      <li><a href="#" title="酒水饮料" target="_blank">酒水饮料</a></li>
      <li><a href="#" title="地方小吃" target="_blank">地方小吃<i></i></a></li>
      <li><a href="#" title="甜点茶饮" target="_blank">甜点茶饮</a></li>
      <li><a href="#" title="自助餐厅" target="_blank">自助餐厅</a></li>
      <li><a href="#" title="经典美味" target="_blank">经典美味</a></li>
      <li><a href="#" title="特色美食" target="_blank">特色美食</a></li>
      <li><a href="#" title="先行赔付" target="_blank">先行赔付<i></i></a></li>
    </ul>
  </div>
</div>
<!-- header end -->

<div class="gbcont1">
  <ul class="gbco11">
    <li> <a href="#"  title="8元汉堡 全天爆单" target="_blank" class="gbco1ig"><img src="static/picture/201901281531223754335.jpg" alt=""></a>
      <div class="gbco1dv gbco1dv1">
        <label class="gbco1lb">汉堡</label>
        <a href="#"  title="" target="_blank">麦塔基汉堡</a>
        <p>额度:3-5万</p>
        <p>8元汉堡 全天爆单</p>
        <a href="#"  title="8元汉堡 全天爆单" target="_blank" class="gbco1ck">立即查看</a> </div>
    </li>
    <li> <a href="#"  title="海鲜零食 万元开店" target="_blank" class="gbco1ig"><img src="static/picture/201901311435002714771.jpg" alt=""></a>
      <div class="gbco1dv gbco1dv2">
        <label class="gbco1lb">小吃</label>
        <a href="#"  title="" target="_blank">漫鲸捞汁小海鲜</a>
        <p>额度:3-5万</p>
        <p>海鲜零食 万元开店</p>
        <a href="#"  title="海鲜零食 万元开店" target="_blank" class="gbco1ck">立即查看</a> </div>
    </li>
    <li> <a href="#"  title="粗粮煎饼 酥脆好吃" target="_blank" class="gbco1ig"><img src="static/picture/201901111451162717397.png" alt=""></a>
      <div class="gbco1dv gbco1dv3">
        <label class="gbco1lb">煎饼</label>
        <a href="#"  title="" target="_blank">石小沫煎饼果儿</a>
        <p>额度:5-10万</p>
        <p>粗粮煎饼 酥脆好吃</p>
        <a href="#"  title="粗粮煎饼 酥脆好吃" target="_blank" class="gbco1ck">立即查看</a> </div>
    </li>
    <li> <a href="#"  title="麻辣海鲜 人手一杯" target="_blank" class="gbco1ig"><img src="static/picture/201902101827112717806.jpg" alt=""></a>
      <div class="gbco1dv gbco1dv4">
        <label class="gbco1lb">小吃</label>
        <a href="#"  title="" target="_blank">赶海鲜生即食小海鲜</a>
        <p>额度:3-5万</p>
        <p>麻辣海鲜 人手一杯</p>
        <a href="#"  title="麻辣海鲜 人手一杯" target="_blank" class="gbco1ck">立即查看</a> </div>
    </li>
  </ul>
 
</div>
[声明]本站素材来自用户分享,仅限学习交流请勿用于商业用途。如损害你的权益请联系客服QQ:2447402004给予处理。
举报×
举报原因:

相关代码

二维码
意见反馈
×
×

注册

QQ注册 立即下载 新浪注册 立即下载

签到成功!

已连续签到1天,签到3天将获得积分VIP1天

知道了
澳门足彩 www.013674.com-五分彩万位公式| www.947392.com-福彩七加二多少钱| www.640440.com-新浪爱彩推荐| www.131274.com-开封通许结婚彩礼| www.307993.com-派彩的钱是反水吗| www.415062.com-福彩3d胆拖下载| www.516726.com-手机怎么买体彩| www.596627.com-中国福利彩票湖南| www.685965.com-下载一个福利彩票| www.781819.com-宝马时时彩登录| www.865166.com-福彩讨论微信群| www.936064.com-聚宝盆彩票-| www.987531.com-湖南省彩票兑奖程序| www.fo04.com-500彩票所有版本| www.754014.com-安徽快三手机软件| www.887059.com-銘發彩票骗局| www.967391.com-微信为什么封彩票群| www.mt6.cc-内蒙古快三早知道| www.h00.in-福彩3d之家-| www.69rb.com-球彩台sam解雇| www.2476.cm-三国彩票网-| www.000205.com-竞彩开奖结果彩客网| www.542062.com-体彩图谜首页| www.412214.com-彩票刮出100万| www.806636.com-新手足彩入门手册| www.159071.com-每次都机选一注彩票| www.3741.vip-购彩网ap-| www.696006.com-彩票网址哪个好| www.234008.cc-彩票大底是什么意思| www.785355.com-七星彩跨度振幅度| www.881313.com-盈禾博彩官网| www.971669.com-亿发彩票吧-| www.ap59.com-福彩3d开奖查询| www.8374.org-海南七星彩梦解码| www.67299.cc-上海快三手机版下载| www.147187.com-彩票客户端下载| www.439090.com-3d新彩网巴-| www.1646.vip-彩票阴阳号码有哪些| www.523092.com-竞彩停售-| www.640730.com-五分快三稳赢计划| www.732662.com-福彩3d天宇和值迷| www.28kb.com-天禧彩票网官方网站| www.799030.com-长城彩票真假| www.877444.cc-中福快三app下截| www.951391.com-官方快三免费下载| www.999984.com-体彩大乐透资讯| www.fm43.com-彩票网500-| www.011221.com-昨晚的彩票中奖号码| www.1877.vip-高频彩票赢得概率| www.9776.vip-休闲快三教学视频| www.48nq.com-泰国彩票分类和玩法| www.020652.com-湖南福彩快三走势图| www.7878.biz-智胜彩票下载| www.30419.com-浙江体彩排五走势图| www.69903.com-福利彩票怎么查| www.741164.com-福利彩票有什么种类| www.852286.com-结婚什么时候谈彩礼| www.916108.com-体育彩票站怎么加盟| www.975553.com-快彩联盟有没有假| www.cai7144.com彩票高手计划app| www.75975.cc-7号彩票安全吗| www.9191.cn-网上买新加坡彩票| www.515112.com-河南商丘民权彩礼| www.069737.com-一分彩规律破解教程| www.963924.com-五分快三算法| www.gp39.com-河南省结婚彩礼规定| www.3vr.com-娱乐点金手彩票| www.86mm.com-3d彩吧图库三版| www.5182.net-特彩吧报码原版正料| www.613723.com-快购彩三-| www.ro09.com-彩之源平台合法吗| 大赢家彩票平台www.312660.com| www.39307.com-福彩网易彩快3| www.93885.cc-体彩排列五历史最新| www.082505.com-众信彩票官网| www.92ns.com-福彩足球玩法| www.20rt.com-周六彩票-| www.648677.com-河内五分彩开奖记录| www.781334.com-微彩吧靠谱吗| www.867918.com-南国彩票七星彩论| www.963474.com-网购足球彩票| www.cai3452.com时时彩投注网| www.tk99.cc-中国体彩开奖号码| www.509.pw-500彩票网的计划| www.5619.cc-买彩票的导师2| www.754238.com-七星彩预测号码数字| www.971743.com-上海体彩最新app| www.289769.com-中国彩票开奖| www.373961.com-香港彩球台-| www.495338.com-博彩公司代理怎么做| www.579906.com-福利彩票开-| www.659813.com-玩彩计划哪个软件好| www.775551.com-彩富网app下载| www.869587.com-幸运中彩票平台骗局| www.980307.com-下载买彩-| www.dy33.com-澳客体彩-| www.6uo.com-饭店送彩票活动| www.ud29.com-乐彩网首页免费| www.478228.com-有综艺福彩吗| www.593212.com-彩虹六号黄金版| www.308630.com-安徽彩票快3| www.510524.com-亲子彩虹的约定视频| www.598650.com-中国福利彩票靠谱吗| www.680281.com-网易彩票中奖不承认| www.751385.com-淘彩骗局-| www.1505.me-彩虹屁夸帅-| www.509527.com-赤峰彩票中心电话| www.cf69.com-大发快三安全平台| www.433614.com-菜宝彩票-| www.539064.com-网络彩票骗局时时彩| www.606523.com-现在足彩合法app| www.681476.com-彩票怎么看中没中奖| www.761677.com-福彩3d和值迷| www.60053.cc-山西福彩十分钟开奖| www.027862.com-易彩国际是真的吗| www.102049.com-本期足彩对阵表| www.82558.cc-彩票与你同行| www.072024.com-北京彩票双机转让| www.153810.com-310足彩预测| www.255775.com-体育彩票是几位数| www.257921.com-手机版彩票破解软件| www.58762.cc-重庆时时彩手机安卓| www.022273.com-恒彩88总代-| www.357836.com-拼搏在线彩票官网| www.522556.com-时时彩公式0369| www.590059.com-国家彩票管理规定| www.662730.com-新时代彩票是真是假| www.739190.com-快三红号有多少| www.798418.com-福彩藏机-| www.878623.cc-99彩票平台登录| www.949122.cc-福彩3d和值图| www.987440.com-百胜快三电话| www.si0.com-3d彩票开奖号码| www.oj97.com-湖南福彩总部电话| www.8ez.com-黑彩票程序破译| www.70nd.com-下期彩票中奖号码| www.818464.com-福利彩票领奖要去买| www.921891.com-温州快乐彩走势图| www.8cc.com-彩票a8骗局-| www.287635.com-合买彩票软件| www.667467.com-足球彩票论坛网| www.77064.com-大富豪彩票黑平台| www.308902.com-快三中奖率软件| www.235216.com-广东福彩电子投注单| www.386907.com-彩屏手机-| www.469446.com-怎么购买境外足彩| www.223373.com-江苏福利彩票开奖| www.82382.cc-快三自动计划软件| www.962528.com-福彩3d工具-| www.719848.com-七星彩中奖方式| www.489265.com-彩运网cy678| www.816868.cc-时时彩遗漏追号法| www.897353.com-国外彩票开奖号码| www.26895.cc-福彩自助终端微信| www.774056.com-大发快三聊天群| www.110982.com-乐彩客彩票客户端| www.e21.com-巴西五分彩开奖结果| www.513887.com-福利彩票加大游戏| www.086053.com-彩票娱乐聊天室| www.620376.com-河南商丘拓城彩礼| www.713635.com-王者彩票手机安卓版| www.802928.com-买100元彩票| www.891978.com-彩票分析软件靠谱吗| www.961054.com-时时彩反倍投绝对嫌|