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.116253.com-投彩网下载-| www.7936.xyz-3d彩票伴侣软件| www.am78.cc-鼎盛彩票平台可靠吗| www.573.cm-神级彩票系统| www.33099.com-高频彩新规-| www.5917.xyz-体彩中心张弛籍贯| www.014469.com-彩票王成周现状| www.123497.cc-双彩网开奖查讯| www.311940.com-搜狐体彩福彩| www.551254.com-优彩网进不去| www.737312.com-辽宁快三彩票怎么玩| www.1304.org-足球体育博彩app| www.51555.com-福彩三d藏机图字谜| www.681834.com-彩网时时彩-| www.862557.com-体彩初几开奖| www.15eh.com-彩票与生活报纸图片| www.4878.vip-粉彩镂空转心瓶| www.52871.cc-彩票被黑了提不了现| www.288487.com-彩票排列三高手| www.490104.com-小白彩票旧版本| www.627382.com-腾讯分分彩五码二期| E彩堂www.43818e.com| www.960804.com-358彩票-| www.960547.com-会员登陆98c彩票| www.im93.com-彩29app苹果版| www.061366.com-彩客彩票真实吗| www.961247.com-彩票输钱害死人| www.p41.org-海南私彩三字现| www.5741.cc-体彩选号是什么规则| www.88325.cc-春天彩票真的吗| www.54sd.com-彩票投注单打印软件| www.4787.vip-751彩票app-| www.39519.com-体彩7星彩预测| www.023549.com-106彩票ios-| www.143249.com-8号彩票官网下载| www.297396.com-手机上怎么玩快三| www.562392.com-高频彩票有盈利的吗| www.036643.com-能玩福彩3d的软件| www.966.mobi-怎样看一分彩走势图| www.36378.cc-时时彩走势技巧分析| www.168353.com-北京快三开奖结果走| www.062709.com-体彩屋快三骗局| www.um32.com-黑龙江福彩有快三吗| www.625389.com-快三外围有人控制吗| www.767120.com-助赢软件北京快三| www.862225.com-体彩中奖号码七位数| www.758752.com-qq彩票能买吗| www.860038.com-福彩骗局视频| www.76qz.com-足彩比分最准预测网| www.90zw.com-彩票二等奖交税吗| www.203655.com-六给彩票玩法规则| www.310040.com-孙宪斌体彩-| www.440110.com-镇江福彩中心在哪里| www.1936.net-东彩黑平台-| www.863178.com-分分彩挂机骗局| www.983104.com-彩客竞彩下载| www.es10.com-彩神平台可以破解吗| www.zt73.com-七彩山鸡养殖骗局| www.300011.com-123彩票开奖| www.515456.com-在哪买七星彩| www.636158.com-彩虹4无人机发动机| www.777724.com-幸运彩票号码| www.892251.com-福彩3d下载-| 彩票坊www.022hk.cc| www.wc32.com-七星彩预测专家推荐| www.118463.com-皇冠彩博彩开奖结果| www.559109.com-地方彩开奖地| www.72813.com-体彩游泳夺金481| www.038030.com-极速彩票下载安装| www.71917.com-彩猫彩票app| www.934709.com-快乐三分彩官网| www.993321.com-福利彩票挣钱吗| www.aa00.com-时时中彩票app| www.281235.com-时时彩3码的技巧| www.450600.com-七星彩直码定位| 幸运彩票www.936399.com| www.sg72.com-时时彩是正规官网| www.23.win-国家即将对黑彩开刀| www.9209.cc-航天彩虹回购股票| www.258908.com-足球体彩计算器| www.463955.com-免费港彩资料中心| www.619050.com-重庆体彩票兑奖地址| www.731926.com-易彩快3必中| 500彩票www.66621j.com| www.0333.cn-重庆时时彩早上开盘| www.5075.cn-足彩平台均被禁| www.ua53.com-高端大气的彩票群名| www.17kn.com-关于彩票的书籍| www.537223.com-男子痴迷彩票头条网| www.201636.com-广东福彩发行中心| www.eq09.com-炫乐彩票-| www.17ny.com-欧洲赛车彩票| www.1268.com-3位数彩票-| www.88263.com-彩7苹果版app| www.308115.com-开彩票投注站赚钱吗| www.913499.com-澳客彩票app| www.88714.com-彩票pk888-| www.088450.com-足彩310研究中心| www.935217.com-官方快彩有哪些| www.273802.com-汪汪时时彩旧版本| www.61tu.com-彩31靠不靠谱| www.323912.com-乐彩彩票能提现吗| www.874322.com-808七星彩奖表| www.990986.com-5分快三开奖| www.kj70.com-彩尊app-| www.10da.cc-瑞彩下载网址| www.0161.vip-有彩色系名称| www.cp2330.com-百盈快三口诀| www.257583.com-彩客完整比分直播| www.559072.com-k3福彩平台-| www.726931.com-台湾褔星彩开奖| www.45241.com-qq彩票能买吗| www.48zm.com-我赢彩票下载| www.753019.com-新浪佬牛足彩博客| www.896645.com-篮球博彩打水看盘| www.v41.com-福彩专家导航| www.039693.com-官方彩票漏洞| www.238509.com-快三中奖技巧| www.809435.com-头彩网站是假的吗| www.949726.com-快三开挂器下载软件| www.637128.com-彩打一动物-| www.336577.com-快钱彩票有人赢钱吗| www.110439.com-大乐透彩票买法| www.091314.com-信博彩票骗局| www.254127.com-腾讯分分彩挂机稳赢| www.532385.com-玩彩票怎么总是输| www.506897.com-体彩总进球怎么玩| www.578048.com-太湖钓君福彩三字迷| www.653925.com-易彩堂可信度| www.710501.com-旧版50o万彩票网| www.789417.com-体育彩票号码是什么| www.d32.top-皇都彩票能提现吗| www.8016.vip-亲子游戏彩虹伞| www.283195.com-彩票中奖内部秘密| www.67ab.com-买彩票下什么软件| www.280686.com-体育彩票大乐透| www.966267.com-广西快三直播| www.37282.com-免费注册送彩金38| www.8888.vip-中福利彩票的人| www.811048.com-智慧彩软件破解版| www.888719.com-网易彩票安卓下载| www.947468.com-福彩3d红五星图迷| www.dm0.cc-五分快三走势口诀| www.mo25.com-送彩金18-| www.52er.com-下载牛彩网官方| www.867369.com-网上彩票停售| www.948906.com-百度百度彩票| www.995475.com-足彩比分直播新浪| www.uo3.cc-彩票大厅开奖结果| www.884808.com-百度买彩票怎么买| www.34159.com-今日的双彩图3d| www.619505.com-体育彩票怎么过户| www.715738.com-彩计划下载在哪下载| www.825972.com-赢彩争霸app| www.899583.com-c81彩票最新网站| www.973340.com-彩虹歌词张惠妹| 500彩票www.215135.com| www.89yk.com-lol赛事博彩| www.4016.biz-盘点福彩3d大奖| www.78862.cc-彩宝贝3d杀跨| www.65625.com-双色球走势彩吧助手| JJ彩票www.420611.com| www.609532.com-分分彩后二杀码| www.712948.com-江苏快三出号走势图|