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.jendelamedia.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.jendelamedia.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.rr26.com-彩钢单板围挡| www.fd8.com-快乐彩开奖结果浙江| www.06oc.com-怎么做彩票中奖短信| www.137636.com-创富彩票可靠吗| www.890935.com-体彩中奖怎么领取| www.748161.com-中彩票邀请码| www.476342.com-禧彩3d今开什么号| www.292123.com-彩票站打票员好干吗| www.cz75.com-福建快三中奖金额| www.t39.bid-易彩票网址下载| www.965111.com-彩票app购买时间| www.949122.com-乐彩网排列三预测| www.kz92.com-安徽快三号码统计| www.1313.website106购彩平台| www.5346.org-18年福彩三地图谜| www.156784.com-中福1分快三的网址| www.932195.com-彩票万能-| www.xm2.cc-彩吧图库-| www.s95.org-双色球摘彩网千牛网| www.004563.com-福彩七乐彩开奖顺序| www.088172.com-澳澳客彩票-| www.154792.com-足彩竞彩打票教程| www.358911.com-微博彩票合法吗| www.804019.com-泉州体彩音乐聊天室| www.903342.com-高频彩有赚钱的吗| www.575274.com-中彩网官方网站首页| www.675952.com-cc彩球网登陆中心| www.197651.com-下载甘肃快三走势图| www.9230.in-乐事彩票app| www.541328.com-网络彩票寻找合伙人| www.754887.com-新华论彩严打| www.837758.com-乐彩33签到-| www.906448.com-吉林快三网盘申请| www.971453.com-苹果下载88彩票| www.130192.com-七星彩长条规律图| www.590404.com-竞彩足球半全场说明| www.708196.com-大发优信彩票邀请码| www.821319.com-七星彩图表-| www.229052.com-快三追豹子倾家荡产| www.090638.com-给平台买彩票赚佣金| www.282139.com-87体彩店-| www.389726.com-买足球彩票容易吗| www.882547.com-高频彩正规吗| www.974190.com-福彩快三小助手| www.cp7773.cc-广西福彩手机投注| www.197785.com-36全国彩票-| www.fw78.com-刷彩金-| www.595285.com-双彩论坛网蓬莱红帽| www.42uw.com-彩票如何防止复制| www.137346.com-竞彩计划单表格| 红旗彩票www.39957e.com| www.xe75.com-ll彩票app-| www.391.tv-赢彩专家官网手机版| www.940828.com-大发快三精中计划群| 网易彩票www.060wy.com| www.266305.com-彩神app怎么下载| www.355121.com-体彩开奖现场地址| www.p89.top-竞赢彩票-| www.27745.com-黑龙江大庆快三查询| www.8786.net-腾讯分分时彩| www.9550.biz-256玩彩票ios| www.39660.com-天天中彩平台| www.025418.com-人人彩票公司在哪里| www.605204.com-吉祥彩官方入口| www.718631.com-彩虹颜色正确顺序| www.806556.com-大佬彩票登录| www.886443.com-90在线九龙彩票| www.967949.com-找微信彩票群| www.gq0.cc-北京顺义福彩快三| www.639710.com-西安宝马彩票案详情| www.vn01.com-七乐彩走势图带连线| www.75mf.com-下彩网安卓客户端| www.40kq.com-彩慧堂美白片| www.0800.tv-彩播什么意思| www.766215.com-ct彩票下载-| www.295036.com-幸运5分彩的骗局| www.366011.com-体彩排列三组三遗漏| www.679156.com-赌时高频彩输了三万| www.884546.com-排列三乐彩网蛋蛋| www.967413.com-有财气的彩票名字| www.cp6122.com-中国福利彩票下载| www.9026.cc-宝乐彩票下载| www.47214.com-好彩1绝招-| www.460027.com-南方双彩断组| www.576647.com-福建体彩报码聊天室| www.735062.com-新快报彩票-| www.444518.com-网上专门找人玩彩票| www.576342.com-嬴钱彩是什么| www.661240.com-皇家彩世界软件下载| www.739701.com-苹果彩票pg73| www.9716.top-彩宝的功效和寓意| www.329690.com-广东省福彩中心官网| www.6543.net-环亚彩票软件| www.328552.com-福彩杀码太湖搜| www.090063.com-彩票站经营思路| www.479789.com-体彩7星彩兑奖方式| www.254818.com-快彩王-| www.938676.com-新浪足彩分析预测| 亿万彩票www.345897.com| www.4801.vip-彩运来平台提现不了| www.98477.com-比特币分分彩怎么玩| www.016413.com-中国人人彩票网| www.cp6551.com-e球彩24元-| www.365687.cc-体彩排列五什么好| www.788074.com-江西赣州彩礼| www.947742.com-彩票作弊案-| www.wj45.com-大发时时彩专家计划| www.722419.com-玩3d彩票独胆技巧| www.048114.com-福彩快三代理怎么做| www.9860.vip-我的彩票app| www.058163.com-乐彩快三能挣钱吗| www.102328.com-彩票计划网站导航| www.515987.com-金巴黎彩票链接| www.007941.com-七乐彩开奖具体时间| www.066374.com-国家体彩-| www.a99.cn-创意水彩画-| www.355255.com-快三投注加倍公式| www.042852.com-甘肃快三微信交流群| www.681535.com-多摩豪全彩漫画下载| www.127379.com-陈赫中奖的彩票号码| www.257948.com-彩99下载-| www.075735.com-350彩票正规吗| www.892906.com-体彩开奖洁果| www.467808.com-湖北体育彡彩票| www.587236.com-万博彩票正规吗| www.681573.com-全民彩票怎么玩| www.991998.com-福彩种类和玩法| www.qm77.com-太全彩票-| www.325244.com-彩票中奖规则图片| www.en43.com-旧版乐彩客下载安装| www.3839.cc-3d双彩网-| www.778.name-快三走势图带连线图| www.045.net-1396彩库宝典| www.16qk.com-彩鑫争霸-| www.870.cm-重庆时时彩五星缩水| www.058955.com-彩99彩票登录平台| www.969155.com-福彩公益金分配问题| www.165448.com-玩大发彩票输了| www.bi83.com-冠军彩票送彩金| www.13477.com-阳光彩票注册| www.234301.com-彩票国家认可的软件| www.037676.com-千亿彩票app| www.966822.com-宝马彩票计划网站| www.76uv.com-体彩玲独胆专家专栏| www.549139.com-网上哪能买足球彩票| www.588575.com-注册彩票站多少钱| www.20931.com-平台上买彩票被骗| www.878571.com-福彩积分兑换礼品| www.958829.com-19年福彩初几开售| 惠民彩票www.hm6333.com| www.068808.com-62cp彩票-| www.203819.com-体育彩票5d开奖| www.920277.com-分析彩票哪个软件好| 500彩票www.401274.com| www.6864.cn-宝盈彩客服-| www.580166.com-慧盈彩票app下载| 华人彩票www.040423.com| www.033172.com-中国福彩双色球开奖| www.531657.com-彩搜藏机图-| www.124086.com-浙江风彩网-| www.339188.com-那个彩票奖金最高| www.974792.com-南国七星体彩论坛| www.dw9.com-百盈快三是什么彩票| www.ql84.com-立彩助手官网|