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

知道了
9彩注册 8号彩票www.81520z.com| www.17271.cc-夏门如彩纺织工艺品| www.092219.com-我找到分分彩漏洞了| www.203081.com-彩神llapp-| www.299553.com-爱彩乐怎么登陆| www.029751.com-体育彩票专业版官网| www.234242.com-怎样制止老公买彩票| www.077938.com-什么是网上打彩| www.8365.cc-下载七星彩小辣椒| www.184496.com-彩票快三秘诀| www.cp4.biz-快三app-| www.l47.space-彩神ll载-| www.141.biz-彩虹天堂和风的顺序| www.8619.in-湖北广电彩票怎么样| www.nj31.com-约彩彩票下载| www.37am.com-七星彩大结局| www.0112.cn-春秋彩票是骗局| www.6220.wang-福利彩票领奖视频| www.171678.com-上海快三走势下载| www.339889.com-山西体彩七星| www.494976.com-怎样做一个博彩软件| www.573925.com-信用卡积分兑彩票| www.639747.com-彩票周周返水| www.744111.com-中彩网统计图下载| www.828270.com-英国彩票怎么买| www.905610.com-快三赔了10万| www.972495.com-福建快三最大遗漏| www.cp34.cc-彩票5d玩法-| www.mt55.com-燕赵福利彩票| www.088439.com-网易足彩比分直播| www.202441.com-福彩迷下载安装| www.55673.com-七乐彩奖励规则| www.021136.com-mp老谢说彩-| www.5809.vip-足彩三场两关怎么算| www.820388.com-福彩星开奖结果查询| www.915559.com-手机怎么买福彩3d| www.984466.com-彩运网cy088| www.348.in-彩票测试大师| www.6236.cm-福彩开心十分钟规则| www.378359.com-周口体彩-| www.526022.com-购彩3下载-| www.604706.com-玩彩票的最好软件| www.16tp.cc-3d双彩论坛专区| www.244323.com-大连体彩-| www.366862.com-幸运彩票注册网址| www.497671.com-天天中彩票幸运追号| www.590632.com-关小刀今日竞彩| www.710032.com-大发快三和值怎么玩| www.799183.com-闲聊彩票群-| www.884328.com-中华彩吧网-| www.963845.com-福彩大家乐规则| www.of.cc-宁夏福彩快三72期| www.sb56.com-彩票大数据分析软件| www.49ra.com-登录76c彩票| www.558389.com-彩铅动物画图片手绘| www.648778.com-彩宝的专业知识培训| www.727982.com-599彩票网-| www.005826.com-时时彩票下载网址| www.115955.com-大发快三怎么下载| www.181230.com-中彩网是不是真的吗| www.246880.com-福彩三d中奖概率| www.311843.com-福彩周刊电子报| www.372671.com-网上彩票怎么举报| www.455536.com-聚彩手机官网| www.95188.com-60彩票安全吗| www.34248.com-河南体彩网点申请| www.004104.com-体彩有快乐十分钟| www.109895.com-ok彩票安卓版下载| www.234168.com-安徽福彩中心官网| www.332381.com-cp999彩票下载| www.461026.com-易彩彩民福彩3d| www.582058.com-彩票999apk| www.dm69.com-xj福利彩票双色球| www.268081.com-体育彩票下载手机版| www.66390.com-体彩金七乐手机购| www.972042.com-印尼五分彩票| www.cp7220.com-快三毁人-| www.3012.vip-谜底是彩字的谜语| www.54ax.com-彩票得主下场| www.531176.com-手机玩时时彩违法么| www.406660.com-福彩双色球单式| www.15sk.com-下幸运彩-| www.466865.com-七乐彩最新开机号| www.093802.com-体彩乐选三玩法| www.355133.com-福彩3d怎么看走势| www.608480.com-快三哪些是黑号| www.95hz.com-kk彩票上的导师| www.3322.org-江苏体彩7位数规则| www.21376.cc-分分彩报警案例| www.239665.com-彩票软件风云榜| www.401400.com-百万彩票破解图片| www.73668.com-新生彩票测速| www.865436.com-福彩3d讨论qq群| www.xw2.cc-七乐彩票大发快三| www.17fm.cc-腾讯分分彩在哪买| www.1431.org-星空的画法彩铅教程| www.90366.com-虚拟彩票摇奖机下载| www.sp15.com-时时彩数据遗漏| www.12zr.com-乐彩网175-| www.33239.com-体彩十一选五开| www.770320.com-给账号买重庆时时彩| www.358660.com-p3乐彩网-| www.554529.com-123万彩票网| www.088967.com-彩票491cc网页| www.943788.com-703彩票网网址| www.bf11.com-福彩3地试机号| www.ir88.com-乐乐彩票属于传销吗| www.1779.vip-福彩3d预测群| www.369629.com-盛博彩票-| www.552344.com-黄金神彩网黄金四肖| www.687404.com-彩票站牛逼宣传语| www.807357.com-体彩客户端未开通| www.904880.com-足球彩票网站| www.972154.com-开彩网站-| www.271892.com-博牛彩票平台下载| www.490448.com-彩票选购技巧| www.o17.com-腾讯分分彩必输| www.pp77.cc-福彩计划软件下载| www.199958.com-体彩开奖直播现场| www.322676.com-如意彩票app| www.8029.biz-电子游戏免费送彩金| www.44ny.com-押大小的彩票| www.630310.com-四季彩吧是什么牌子| 彩票58www.585277.com| www.854186.com-多彩网投注可靠吗| www.938569.com-双赢彩票网计划| www.999056.com-时时彩压大小规律| www.da20.com-彩票店的前景| www.zj30.com-江苏快三独胆怎么买| www.00zn.com-最美的彩虹写人作文| www.635288.com-当音乐响起七彩阳光| www.755339.com-3分钟开一次的彩票| www.912952.com-体彩三地-| www.978899.com-苏式彩画图片| www.bz20.com-福彩十分快三| www.143322.com-鼎盛团队彩票计划网| www.110807.com-今天晚上彩票开奖| www.371428.com-牛彩赚钱真的假的| www.11.pw-买彩票买什么样的好| www.388813.com-竞彩这个倍率怎么算| www.59972.cc-足彩8串9什么意思| www.875811.com-吉林快三遗漏号码| www.927511.com-彩票一共几个数字| www.970460.com-山东体彩群英会| 吉利彩票www.66376g.com| www.ak17.com-彩票代打骗局兼职| www.908.cn-彩库宝典安卓旧版| www.921057.com-神彩网69880| www.106942.com-印尼五分彩-| www.503622.com-pcpc彩票app| www.127045.com-代理长沙快三| www.191103.com-快三吉林走势图解| www.008934.com-七星彩高手交流专区| www.15712.cc-初学者彩铅画视频| www.915935.com-彩拾彩票下载| www.770.tv-e球彩每天开几期| www.52vu.com-彩王二三星缩app| www.0632.biz-长沙彩票平台出售| www.v51.net-天下好彩网-| www.39ar.com-七星彩中奖分布图| www.278978.com-时时彩走势分析软件| www.763621.com-皇冠足彩靠谱吗| www.909844.com-聚乐彩app-| www.982439.com-天天时时彩在线计划|