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.ychcmy.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.ychcmy.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天

知道了
彩01彩票 www.6013.vip-山东省体育彩票兑奖| www.100033.cc-网络平台销售彩票| www.350860.com-彩票官网客户端下载| www.558701.com-www.234彩票| www.679030.com-糖果派对怎么拉彩金| www.836491.com-精彩彩票应用| www.433409.com-体彩大乐透开奖给果| www.208384.com-快三软件下载安装| www.23597.com-彩票中奖达人杨光华| www.190040.com-快三吉林玩法| www.605650.com-手机彩膜贴法教程| www.931443.com-中彩票咒语-| www.5982.cm-体彩的公益活动| www.001888.com-林兴洛福彩3d| www.665385.com-网上代竞彩体育| www.860406.com-彩票高手大数据| www.zg42.com-新彩彩票官网下载| www.91987.cc-顺丰丰彩-| www.9022.vip-新浪彩票大乐透机选| www.936530.com-彩客彩票下载安装| www.361781.com-百事彩票网站| www.574115.com-专业带队彩票老师| 凤凰彩票www.88266g.com| www.53vx.com-奔腾彩票平台| www.zn72.com-体彩飞鱼直选三口诀| www.ti82.com-江苏福彩双色球玩法| www.234997.com-500购彩下载| www.ev36.com-彩神计划破解| www.280170.com-圣地彩注册平台| www.493549.com-福彩3d彩图汇总| www.770116.com-彩票代投账号兼职| www.879189.com-幸运彩票平台黑钱吗| 顶尖彩票www.234259.com| www.4094.in-全通彩票-| www.31505.com-易彩快三实时开奖| www.518038.com-天下财富彩票网站| www.657884.com-腾讯福彩-| www.817139.com-58彩158彩开奖| www.607660.com-体彩多乐彩-| www.177717.com-快三复式应怎样复式| www.342266.com-谁有江苏快三群| www.682848.com-彩票自助终端机| www.842615.com-体彩公益金统筹| www.426648.com-3d福星福彩推荐号| www.194598.com-快彩彩票官网| www.35451.com-五福彩票a-| www.123429.com-新昌双彩后王泥石流| www.304376.com-五分快三预测| www.52307.com-快三娱乐-| www.1537.xyz-河南机器人彩票| www.9113.net-彩民之家彩图| www.650672.com-彩虹伞介绍-| www.395068.com-对一个彩票站多少钱| www.10lp.com-时时彩源码交易网| www.220418.com-彩运8平是真的吗| www.833789.com-大家赢彩票下载安装| www.918190.com-新2官网体育彩票| www.978731.com-登录好彩客官网| www.25825.cc-彩库宝典2013| www.185585.com-玩快三有什么诀窍吗| www.tr7.com-湖壮快三一定牛| www.1220.vip-体彩福彩黑幕曝光了| www.734768.com-百度福彩3d走势图| www.er29.com-新华网彩票-| www.813165.com-彩友会官方下载| www.730448.com-时时彩走势图开奖及| www.mi96.com-好彩投10398| www.093099.com-彩板围挡价格| www.858947.com-彩票兑奖查询软件| www.lb99.cc-福彩抽奖-| www.900079.cc-51彩票购彩大厅| www.964125.com-福彩3d最准规律| 博乐彩票www.35918u.com| www.gb14.com-三分彩-| www.302329.com-七星彩前四位万能码| www.8280.in-江西南昌市彩票| www.579011.com-甘肃体彩中奖新闻| www.01139.com-手机认证彩金| www.736257.com-大发快三3计划| www.870213.com-3d福彩怎么玩| www.960941.com-腾讯分分彩预测工具| www.yy.cc-快三倍投-| www.at74.com-亚博彩票平台下载| www.293659.com-下载购买双色球彩票| www.432187.com-我的彩票中奖号| www.51136.com-破解大发快三公式| www.954792.com-瑞彩祥云官方下载| www.oj70.com-琓彩人杀一码| www.921.net-彩票总是输怎么办| www.652559.com-福彩一休三天计划胆| www.719078.com-彩虹怎么形成| www.789727.com-相亲网上玩竞彩| www.857058.com-五分钟快三开奖查询| www.16fx.com-七彩蓝田投资真假的| www.511677.com-下载彩库宝典苹果版| www.78ks.com-香港三色彩有限司| www.62nd.com-义乌市最近的彩票店| www.122322.com-5亿彩票哪里下载| www.99ct.com-博彩主论坛-| www.15681.cc-彩客彩票310| www.219749.com-众彩网首页官网| www.57195.cc-苹果手机彩播平台| www.396785.com-单双四肖58彩开奖| www.900693.com-c777彩票-| www.ry89.com-优信彩票可靠吗| www.76650.com-各种彩票获奖介绍| www.3782.biz-足球彩票单场胜负平| www.519995.com-各种彩票预测| www.725275.com-彩快上娱乐网址| www.839234.com-正规的网球彩票网| www.961766.com-支付宝买体彩| www.qy27.com-信彩-| www.56pu.com-广东彩票手机版下载| www.2842.vip-福彩快三星号怎么打| www.09817.com-c81彩票-| www.1ak.cc-七乐彩票是非法的吗| www.059071.com-红旗彩票导师微信号| www.2902.live-网上购买彩票违法吗| www.072047.com-体育彩票几点关门| www.16644.cc-旧板彩客网-| www.772390.com-福彩三d缩水器| www.569783.com-彩票中几亿的真的吗| www.666318.com-彩民村新高手论坛| www.760837.com-超级时时彩开奖记录| www.526550.com-非法私营彩票| www.765979.com-苹果下载58彩票| www.890551.com-有倍率高的彩票网站| www.to0.com-江苏快三奖金对照表| www.2525.club-彩组词-| www.73667.cc-湖北快三十大技巧| www.801818.com-福彩3d怎么算| www.64fc.com-彩票站微信卖彩票| www.778730.com-釉中彩的碗安全吗| 彩多多www.78949k.com| www.93on.com-彩色单张的图片| www.219016.com-快三怎么刷流水不亏| www.410649.com-体彩怎样算中奖| www.520635.com-3号彩票登录首页| www.680685.com-宁夏体彩票十一选五| www.9956.top-今天的3d彩报| www.54626.com-下载app体验彩金| www.005767.com-时时彩完整源码程序| www.804204.com-福彩体彩哪个好| www.95607.cc-福彩资金去向| www.049766.com-排列三预测众彩网| www.113431.com-手机怎样买彩票| www.861170.com-彩票开奖结果公布| www.931908.com-中彩票500的图片| www.984592.com-彩虹8网址-| www.gv74.com-快三号码-| www.xp14.com-98彩票app-| www.149023.com-93768时时中彩| www.227363.com-3分快三-| www.295662.com-重庆时时彩莲花计划| www.378065.com-幸运彩乐园极速飞车| www.499666.cc-彩票高级师培训班| www.573102.com-惠民彩票靠谱吗| www.648859.com-头彩彩票首页| www.715927.com-体育彩票有没有妙招| www.788682.com-竞彩足球合法吗| www.853579.com-彩6精华版网站| www.926708.com-彩票达人论坛| www.979315.com-内蒙古快三统计表| www.bs79.com-49彩票app安卓|