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.xhkyy.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.xhkyy.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.30bf.com-彩报3d电子报| www.73770.com-七星彩宝贝走势图| www.199138.com-彩票平台提现失败| www.751032.com-高频彩票为什么上瘾| www.66211.com-3d福彩图谜字迷| www.61wv.com-安卓版38彩票| www.8656.in-世界杯彩票软件下载| www.657307.com-福彩钻石游戏机| www.7862.pw-中福彩票apk| www.888629.com-078彩票推荐人| www.cp2978.com-彩票群骗局-| www.951754.com-腾讯分分彩单期7码| www.sc9.com-有人拉你玩快三| www.wk65.com-幸运分分彩-| www.009079.com-159彩票网正规吗| www.555570.cc-500万彩票邀请码| www.550206.com-福彩刮刮乐扫码兑奖| www.623876.com-彩票解码器软件下载| www.715367.com-四季彩票是黑平台吗| www.792858.com-彩票兑大奖流程| www.874574.com-杭州福彩网-| www.951607.com-彩票132网页版| 大赢家彩票平台www.211873.com| www.b33.me-49c彩票-| www.61zj.com-查看彩票开奖号码| www.ei36.com-福建省福利彩票网| www.03409.com-怎样戒彩票-| www.840557.com-山西体育彩票11| www.w46.net-随时赚彩票下载| www.610671.com-竞彩玩法规则| www.751026.com-玩彩票上瘾了怎么办| www.875093.com-竞彩258app-| www.975439.com-江苏快三作弊器价格| www.rq54.com-官方手机购彩| www.17323.cc-足彩对阵表分析| www.cai225.com-彩神8快3-| www.925769.com-彩富网香港网| www.mj02.com-查看时时彩开奖号码| www.5600.xyz-6768彩票官网| www.55737.com-瑞彩网官网下载| www.267210.com-彩票开奖信息| www.984521.com-彩8怎么下载| www.ir10.com-博纳彩票-| www.t63.club-优彩交流社区| www.995529.com-竞彩之家授权| www.333459.com-彩票算法-| www.15651.com-360彩票在线计划| www.ff43.com-什么彩票网站最安全| www.17112.com-彩辉纺织有限公司| www.803735.com-高频彩投资套利项目| www.899519.com-彩6下载应用| www.971267.com-福彩刮刮卡规则| www.cai6255.com下载北京快三走势图| www.2317.cc-乐亿彩票怎么样| www.hu08.com-彩票机选有中奖的吗| 幸运彩票www.609477.com| www.iw31.com-竟彩-| www.209726.com-彩票自助机怎么申请| www.288106.com-快彩王下载-| www.357940.com-博众彩软件-| www.283618.com-七星彩头尾包中法| www.4529.vip-非凡时时彩计划网站| www.10588.com-310足彩星象图| www.8000.xyz-儿童水彩-| www.yz28.cc-五福彩票安卓版| www.962718.com-旺旺彩票下载| www.795462.com-上海11选5一k彩| www.878456.com-网彩网站哪个好| www.956810.com-彩泥小制作大全| www.cai4242.com内蒙古快三343| www.yb27.cc-贵州彩票巨奖骗局| www.25ld.com-华彩置业谢茂权| www.248.cm-五分钟开奖彩票| www.828.la-国家对福彩整治| www.152681.com-七星彩可以买复式吗| www.289196.com-神彩下载-| www.607494.com-中彩网在线试刮| www.687292.com-非凡彩票官方网站| www.756354.com-全民彩票旧版本| www.846876.com-足彩外围玩法规则| www.902628.com-彩票36o网-| www.964556.com-渐江体彩网下载| 众乐彩票www.237344.com| www.318763.com-七星彩的各种对数| www.392948.com-动漫眼睛图片彩铅画| www.507358.com-新疆浩彩快三| www.573831.com-808彩吧网址| www.634100.com-91彩票网是真的吗| www.9266.org-乐彩33是干什么的| www.02084.com-打彩票上瘾倾家荡产| www.04ql.com-七乐彩出球顺序号码| www.595127.com-微信女福彩快三计划| www.728555.com-重庆高频彩是骗局吗| www.835937.com-博盈彩票公司在哪里| www.954041.com-uu快三怎么玩| www.cd33.com-中国体育彩票排5| www.334133.com-彩票顺口溜怎么说| www.415188.com-买彩票能中10万吗| www.14ar.com-彩票群英会改时间| www.99hq.cc-五行花甲预测彩票| www.71310.com-体彩超级大乐透计算| www.652178.com-福彩公告停售通知| www.261631.com-江苏福彩快三直播| www.201064.com-南国彩票图规| www.292677.com-湖北快三牛采走视图| www.365488.com-杭州福彩兑奖中心| www.08008.com-买彩票的微信群| www.369309.com-福彩3d缩水彩乐乐| www.151559.com-老快三技巧-| www.529810.com-时时彩骗局视频直播| www.537789.cc-黑色是彩色吗| www.760522.com-时时彩稳赚8码| www.849226.com-法乙足彩分析| www.947126.com-快频彩漏洞带我赚钱| www.vb3.cc-彩票123手机版| www.10jx.com-手机彩膜华为p8| www.34422.cc-上海福利彩票站| www.8129.wang-广西彩票发行中心| www.61488.cc-699彩票官方网站| www.6cw.cc-江苏快三追号计划表| www.684.biz-海南七星彩直播开| www.367871.com-3d过滤大彩网| www.458999.cc-nba体彩怎么买法| www.595448.com-双彩论坛真实谎言| www.664686.com-七星彩票规律图规| www.803886.com-手机牛彩网-| www.927930.com-7位数彩票怎么买| 鸿运彩票www.hy6262.com| www.17770.com-彩店宝业主-| www.72264.com-打印彩票代码| www.041037.com-乐发彩票网-| www.829328.com-新乐彩app下载| www.82541.com-怎样下载彩票走势图| www.096779.com-体彩排3跨度走势图| www.cc69.com-鸿运彩票网合买平台| www.24hm.com-手机彩膜制作机| www.058387.com-汤姆克兰西彩虹六号| www.157764.com-彩通官网-| www.aw83.com-5d彩票开奖-| www.385788.com-九万彩票软件可靠吗| www.775383.com-体彩7位数传统| www.869600.com-七星彩画板-| www.928717.com-来自旺彩社区人民钱| www.988535.com-江西快三投注大厅| www.cj87.com-一分快三有稳赢秘诀| www.46976.com-500彩票分分彩| VIP彩票www.898953.com| www.122887.com-天天彩票提现不到账| www.202524.com-遵义体福彩店转让| www.522107.com-手机版博悦分分彩| www.610438.com-人物彩铅画教程视频| www.673883.cc-图书古建彩绘纹样| www.735259.com-新手玩彩票玩那种好| www.36ov.com-竞彩连续黑-| www.253.hk-点乐彩票-| www.3537.xyz-自助送彩金-| www.mn27.com-快三彩票平台送彩金| www.6985.biz-澳门3d彩票怎么看| www.1195.vip-彩票五期选号方法| www.373901.com-发财猫彩票下载| www.md59.com-爱乐彩时时彩推荐号| 幸运彩票www.717699.com| www.259108.com-竞彩好用的app| www.390739.com-123彩票和彩6|