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.hong39.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.hong39.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.578867.com-买彩票动图-| www.980022.cc-彩票导航9833| www.910002.com-昆明味彩-| www.19646.cc-大发500时时彩| www.199098.com-香港快三一天多少期| www.297076.com-快乐彩开奖走势图表| www.377082.com-博恩彩之堂下载| www.735331.com-乐米彩票改名| www.06kb.com-33期福彩号码| www.304018.com-甘肃福彩中心官网| www.759311.com-彩票根号-| www.666299.com-航天彩虹是做什么的| www.763466.com-买排球竞彩-| www.43898.com-旺彩双色球缩水软件| www.818621.com-福彩体彩开桨| www.026440.com-福彩3d今试机号| www.616316.com-竞彩篮球三串三| www.114778.com-旺旺彩票登陆| www.983184.com-公务员可以买彩票吗| www.69748.com-二分彩-| www.670770.com-安徽体彩竞彩| www.786397.com-彩票查询大乐头| www.869248.com-今天福彩3d试机号| www.937777.com-网上赌彩票的危害| www.999227.com-竞彩足球大小球软件| www.hb88.cc-大发彩app下载| www.h22.club-昨天彩票出什么号码| www.y37.net-重庆时时彩易记彩票| www.888458.com-亿乐彩靠谱吗| 百姓彩票www.bxcp3.com| www.984782.com-体彩足球竞猜计算器| www.254418.com-彩宝网3d遗漏| www.94mc.com-全国各市彩礼排行| www.092041.com-亚投彩票是不是违法| www.218712.com-快三官方开奖| www.307152.com-手机淘宝怎么买彩票| www.510210.com-福利彩票站利润| www.612101.com-最近的体彩售票点| www.720683.com-福彩3d计算和差| www.823923.com-牛彩网吧-| 创富彩票www.cf9906.com| www.215966.com-中福彩票是真的假的| www.0392.bid-福彩中奖事件| www.8551.cc-游戏机出彩票技巧| www.38cl.com-福利彩票摇奖机几套| www.730310.com-台北快三是官方的么| www.831102.com-环彩网触屏版首页| www.4606.cc-彩票咋买才能中奖| www.939630.com-彩吧图谜第5版3d| 中彩网www.049049.com| www.5730.org-体彩7位数中奖概率| www.267178.com-足彩19024期| www.779440.com-七星彩票出奖结果| www.780516.com-ip代玩彩票兼职| www.900113.com-乐彩论坛一手机版| www.bi3.com-太湖多彩网-| www.939128.com-699彩票软件| www.029935.com-呼市体彩中心地址| www.877058.com-猜冠军彩票-| www.382.biz-anhui体育彩票| www.9957.in-家彩网独胆双胆预测| www.776914.com-锋彩-| www.892741.com-成化薄胎珐琅彩| www.999994.cc-福彩3d字谜最新| www.12cr.com-国彩是什么意思| www.4586.cc-彩票怎么买啊| www.835060.com-焕彩美容培训班| www.mx14.com-福彩店申请新规定| www.8070.vip-彩百万娱乐下载| www.62623.com-大通彩票路线入口| www.115920.com-足球彩票这么玩| www.257676.com-甘肃体彩网官网首页| www.mi16.com-好彩赚钱是真的吗| www.214320.com-人人竞彩网-| www.735813.com-彩票分析招聘| www.817292.com-ig传统彩平台大全| www.890636.com-瑞彩彩票是骗局揭秘| www.953871.com-铁盒好彩1871| 爱彩乐www.www.ac3311.com| www.85038.cc-彩圣字迷今天| www.612852.com-7乐彩开奖时间规则| www.682686.com-福彩公益基金| www.758363.com-众彩易购违法吗| www.839806.com-四川省福利彩票中心| www.674503.com-哪里能查足彩销量| www.119732.com-u588发发彩网| www.977159.com-甘肃省治理高价彩礼| www.03pv.com-幽默猜测彩库宝典图| www.134857.com-吉林快三开结果| www.47428.com-好彩妹照片-| www.4614.cm-彩票可以折叠吗| www.773980.com-彩博网站-| www.985795.com-狗哥足彩推荐| www.191783.com-人人中彩票维护多久| www.674722.com-足球胜负彩中奖故事| www.754539.com-信誉好的彩平台| www.822889.com-中国体彩竞彩app| www.891383.com-福彩彩票广告词| www.957435.com-甘肃省快三软件下载| 彩票驿站www.2350u.com| www.dg72.com-瑞彩祥云几年了| www.361882.com-汪汪时时彩助手下载| www.753786.com-众博彩票登陆平台| www.868460.com-分分快三软件是什么| www.937061.com-福都彩票app| www.988877.com-8828彩票下载| www.aw39.com-福彩快三江西| www.228289.com-新疆喜乐彩开奖号码| www.305329.com-七星彩历全记录| www.005116.com-手机彩票588| www.70822.com-下期福彩预测| www.u15.shop-生彩宝用法-| www.480929.com-和彩云自动上传| www.027724.com-80彩票如何赚钱| www.177654.com-黑马计划网页版快三| www.119719.com-即开彩app官网| www.043891.com-五亿彩票app下载| www.861103.com-好彩2中奖奖金多少| www.980504.com-火箭彩票网ip板| www.53vp.com-万家彩票下载安装| www.02876.com-9号彩票官网网| www.542722.com-江苏彩票双色球| www.372541.com-幸运彩票28-| www.77769.cc-福彩开奖上期结果| www.127077.com-水溶性彩铅画星空鹿| www.270718.com-80彩官方下载| 福彩www.86267z.com| www.653428.com-福彩三地精准开机号| www.47707.com-彩票的人工计划软件| www.865109.com-互联网销售彩票犯法| www.019018.com-正规彩票网站送金| www.18622.cc-竞彩足球网站骗局| www.72494.com-彩天堂平台注册| www.032533.com-假彩票店-| www.111964.com-风之彩彩票合不合法| www.7539.biz-东方集团三分彩票| www.556500.com-七星彩开奖结果往期| www.027641.com-易彩网黑我钱| www.44684.com-技术流彩票彩票预测| www.765134.com-开心网七星彩论坛| www.iy48.com-云发购快三-| www.3482.vip-福彩双色球派奖9亿| www.765861.com-快频彩票是什么意思| www.318047.com-幸运彩票成立多久了| www.838416.com-七星彩开奖号码查| www.902447.com-快三能挣钱吗| www.973920.com-新2官网彩票| www.ac05.com-1分快三计划今天| www.mn83.com-时时彩漏洞刷钱教程| www.42ub.com-阜阳七彩世界| www.0333.tv-时时彩几点开始投| www.770723.com-彩虹6号季票多少钱| www.890701.com-彩票倍数买太多| 爱上彩票www.ascp0.com| www.ck56.com-彩神双胆计划| www.456051.com-4scc彩票网站| www.5467.net-附近福彩票店| www.pz44.cc-彩六官方下载app| www.044558.com-优信彩票大-| www.467435.com-七星彩买到截止时间| www.855136.com-爱彩彩票是真是假| www.62ax.com-ai计算彩票-| www.1122.biz-预祝买彩票中奖语录| www.8357.biz-168时时彩彩票网|