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.jcjdgy.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.jcjdgy.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.cp2800.com-福建体彩网-| www.99611.com-怎样预测足彩胜平负| www.089363.com-大发快三精中计划群| www.166520.com-快三贵州-| www.729643.com-彩票3d大奖得主| www.859809.com-七乐彩单式开奖详情| www.828135.com-有充值红包彩票网站| www.5150.com-韩国彩票奖金四等奖| www.8922.com-体彩竞彩兑奖有效期| 彩票大家乐www.21202l.com| www.82904.com-福彩体彩开桨| www.540000.com-花式快三口令分解| www.717882.com-彩客彩票购彩失败| www.qe12.com-36好彩3预测| www.41aj.com-牛爹七星彩-| www.1im.cc-台湾乐透彩全年资料| www.880676.com-快三魔图-| www.1813.cn-福彩刮奖图案| www.1663.vip-彩票大师安装不了| www.969287.com-好运彩票精彩相伴| www.28399.cc-江苏彩民中奖| www.900407.com-e乐彩网页登录| www.80ie.com-500彩票可靠不| www.34tt.cc-海南私彩天涯论坛| www.88lk.com-甘肃快三彩票走势图| www.3466.vip-双色球最新彩报指南| www.360025.com-仲博彩票手机客户端| www.773907.com-时时彩盘子怎么做| www.934139.com-快三大小倍投方法| www.991782.com-分分彩公式大全| www.f15.top-所有彩票开奖app| www.96md.com-非常准的高频彩计划| www.40916.com-云顶博彩-| www.024150.com-福彩3d家彩网| www.100135.com-金龙彩票安全吗| www.41144.cc-永盛彩票官网| www.025107.com-8亿彩网址-| www.133812.com-天天福彩双色球| www.84575.com-彩色透水混凝路面| www.602122.com-号佰彩票开奖查询| www.24063.cc-中彩娱乐网一购彩网| www.697780.com-特彩高网吧-| www.857933.com-竟球彩-| www.sp79.com-时时彩可以作弊吗| www.90686.com-福彩3d和差走势图| www.mv36.com-安徽彩票快三| www.516738.com-奇门测彩票号码| www.169834.com-吉林省快三开奖图| www.673908.com-南京体彩管理中心| www.14mt.com-奔腾彩票app官网| www.610227.com-怎样用淘宝买彩票| www.713068.com-8亿彩登录网址| www.872042.com-毕节彩票站有哪些| www.953740.com-竟彩让球胜平负| www.834178.com-日本好彩香烟| www.931120.com-犀牛彩票平台| 好运彩票www.004hy.cc| www.490568.com-请核对好彩票| www.682342.com-足球竞彩微信群| www.757111.cc-创富彩票是陷阱吗| www.972542.com-香港正版福利彩票| www.uw56.com-快三砍龙技巧| www.1121.me-竞彩半全场中奖| www.265.xyz-xr原彩显示-| www.081301.com-双色球彩票必中咒语| www.232705.com-上海快三选号技巧| www.327560.com-今天彩票的开奖号码| www.93rv.com-彩色相片的原理| www.613598.com-乐玩彩票合法吗| www.v19.cn-竞彩无风险投注方案| www.88ag.cc-4scc彩票网| www.nb29.com-玩快三黑彩能赢| www.369024.com-网络彩票分析师骗局| www.457677.com-恒大彩票网址多少| www.4500.vip-彩票全国开奖3b试| www.786354.com-微信购彩app下载| www.638373.com-色彩搭配图片| www.25090.com-彩铅哪个牌子好| www.4268.biz-江西快三澳门| www.a15.pink-新浪爱彩不能提现| www.367611.com-三彩家是什么公司| www.kc31.com-168彩票手机下载| www.336438.com-快三查询结果| www.420130.com-易玩娱乐彩票平台| www.466327.com-什么群带彩最稳| www.023593.com-七彩彩票是正规的吗| www.63qx.com-梯子游戏彩票网站| www.207718.com-福彩3d软件-| www.46lz.com-六亿彩网-| www.41440.com-时彩平台出租价格| www.534059.com-中五注七星彩| www.16577.cc-福彩3d规则及奖金| www.2122.net-体彩江苏11选五| www.9363.loan-福利彩票黑客事件| www.81bf.com-有江西快三的台子| www.362927.com-广州彩票开奖查询| www.501442.com-和乐彩-| www.611353.com-竞彩500合买投注| www.120045.com-k8彩票55kk| www.59fj.com-彩票店运营管理| www.51821.cc-福彩牛彩网彩摘网| www.973253.com-彩虹合唱谱| www.6736.cc-好的彩票软件| www.40924.com-彩票出号易学原理| www.81908.com-福彩周六开什么彩票| www.048822.com-今天2鱼玩彩独胆| www.0975.net-重庆时时彩技巧论坛| www.8299.com-福彩体彩排5走势| www.212205.com-淘宝彩票平台| www.0694.xyz-彩乐园2邀请码| www.16ir.com-金百博彩民-| www.2382.pw-七彩山鸡苗那里有卖| www.34171.com-彩虹世界app最新| www.99697.cc-河内五分彩中奖规则| www.7080.site-七彩衣坊-| www.33807.com-彩票分析师是干嘛的| www.76108.com-足球彩票去哪买| www.275058.com-168彩票苹果版| www.650952.com-3d水彩画壁画| www.767235.com-竞彩足球分析推荐| www.zf0.com-c彩票开奖查询结果| www.23dr.com-南充市福彩中心地址| www.586476.com-下载南方福彩| www.678197.com-体彩销售申请书| www.57tv.com-重庆时时彩长龙提醒| www.230981.com-湖北福彩快3预测| www.436800.com-体彩赛车-| www.637026.com-红彩会网页版登陆| www.885732.com-彩票开奖源是什么| www.995444.com-福彩37588-| www.0591.cx-今天福彩3d一版图| www.82258.cc-足彩19031分析| www.113479.com-腾讯怎么买彩票| www.256396.com-人人竞彩app| www.4364.wang-福豪彩可靠吗| www.9355.hk-福彩十位震福| www.r48.com-万达彩票是真实的吗| www.220518.com-优信彩票最高邀请码| www.147655.com-福星快三-| www.254219.com-凤凰网投时时彩网址| www.86698.com-上彩传媒-| www.22005.cc-私售彩票-| www.88484.cc-福彩3d胆拖速查表| www.144815.com-福彩3d图库总汇| www.436057.com-中国体彩微信公众号| www.811312.com-南国彩彩票论坛| www.879722.com-快乐分分彩人工计划| www.946779.com-香港彩种大厅下载| www.989777.com-老快三推荐-| www.dc4.com-三分快三在哪里玩| www.618524.com-体育彩票销售终端机| www.703021.com-足彩竞猜比分技巧| www.789217.com-南阳彩礼2019| www.857416.com-8号彩票合法不| www.914321.com-亿发彩票靠谱不| www.974362.com-福彩礼拜几开奖| www.cai550.cc-三分快三人工计划| www.573816.com-吉林快三黑幕| www.762950.com-全民足彩网-| www.895296.com-华彩赢家彩票靠谱吗| www.967556.com-澳门彩票足球合法网| www.hl3.com-安徽快三倍投| www.nr38.com-彩票8816-| www.441377.com-百宝彩视电话|