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.anchi01.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.anchi01.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.254379.com-好彩官方网下载| www.909336.com-超级大乐透彩票规律| www.1304.org-足球体育博彩app| www.9488.vip-环球彩票平台网址| www.55325.cc-彩票排列5走势图| www.010287.com-福彩3d报纸图| www.209888.com-星光彩票大发快3| www.58258.com-电视彩票走势图大全| www.78fj.com-怎么买足彩才能赚钱| www.xi92.com-好彩票官网下载软件| www.246862.com-五百万彩票网手机版| www.701519.com-广西福利中奖彩票| www.5977.cm-彩讯开奖网站多少| www.89uy.com-电子竞技博彩app| www.098537.com-体彩一定牛数据| www.765828.com-和值跨度快三| www.057963.com-双彩追加和值谜汇总| www.796949.com-彩票获奖经验| www.59818.com-微彩彩票ios| www.715536.com-天天爱彩票微信提现| www.958035.com-江苏快三走势图链接| www.548533.com-f彩网注册邀请码| www.415214.com-重庆时彩怎么看号| www.556088.com-福彩3d投注计算器| www.627961.com-彩吧图谜鸿铄| www.698337.com-彩库宝典资料大全| www.789672.com-彩票平台源码购买| www.875307.com-神级彩票系统微盘| www.954299.com-体音彩票排列三开奖| 彩票58www.589879.com| www.md09.com-三分彩官网开奖结果| www.537525.com-彩色饺子宣传语| www.544188.com-福彩3d图迷第一版| www.188124.com-合肥快三遗漏| www.64668.com-彩票榜手机版下载| www.088239.com-现在手机无法买彩票| www.195099.com-老时时采彩开奖| www.3384.cc-彩票娱乐平台快三| www.8qg.com-玩时时彩票群| www.75qv.com-中国建筑彩画图集| www.2475.cc-湖北精彩十分奖级表| www.348765.com-七乐彩票是非法的吗| www.449040.com-北京三分彩开奖视频| www.392640.com-sohu体彩网-| www.76996.com-中国彩票吧-| www.003408.com-博123彩票app| www.505736.com-一分快3是黑彩| www.586085.com-时彩8610-| www.675692.com-彩乐会娱乐-| www.756375.com-7星彩直播开奖| www.822027.com-湖北快三遗漏表| www.900181.com-体彩大透乐开奖查询| www.yf96.com-派彩网二维码| www.156057.com-好彩网是不是诈骗| www.814051.com-安徽省福利彩票发行| www.c5.cc-湖北十一选五爱乐彩| www.12wg.com-王者彩票破解方法| www.045005.com-481体彩怎么下载| www.1jv.cc-彩经网开机号| www.27qb.com-怎样注册彩票账号| www.91gh.com-家彩网胆码独胆| www.845680.com-网络彩票模拟摇奖机| www.907907.cc-七乐彩选号技巧公式| www.966492.com-全球彩是骗局吗| www.cai755.cc-五分快三免费计划| www.182782.com-北京今天快三| www.247607.com-彩票平刷王-| www.448477.com-优选彩店老张说彩| www.648945.com-360万彩票站| www.819363.com-竞彩秘诀-| www.920868.com-福彩15选5开奖| 百姓彩票www.bxcp3.com| www.ny04.com-彩票选号神器平台| www.25jk.com-空军迷彩图片| www.845.mobi-天气网双彩论坛| www.31804.com-下彩网官方网站| www.003279.com-大盛娱乐彩票| www.722266.cc-舟山飞鱼彩票怎么玩| www.806570.com-体彩32期开奖结果| www.907711.com-最新彩票中奖生成器| www.978930.com-澳门分分快三计划| www.052068.com-app彩票租赁| www.0744.win-怎么获取彩票数据| www.378396.com-七彩国际旅行社| www.34lo.com-体彩p3试机号码| www.132254.com-南阳市区彩礼| www.338013.com-今晚福彩什么号| www.543937.com-万博博彩靠谱安全| www.620803.com-金牛彩票入口| www.750442.com-体彩排列五开将| www.873981.com-福彩3d今天布衣图| www.gn8.cc-北京快三开奖结果查| www.h92.club-七乐彩的中奖概率| www.615550.com-体彩号码怎么选号| www.731063.com-胜负彩开奖历史数据| www.836825.com-立彩坑人么-| www.933827.com-哪里可以买体彩| www.cp1818.com-快三免费计划| www.wh36.com-送18元彩票-| www.47il.com-风之彩唐老大制度| www.1483.cm-易盈彩票手机版| www.8943.me-全民彩票时时| www.3724.vip-彩库真典app| www.08077.cc-重庆快彩快三| www.96129.cc-体彩甘肃11选| www.kp99.cc-3d彩宝走势图连线| www.510768.com-夸人厉害的彩虹屁| www.603195.com-双色球快三多少钱| www.805765.com-修改彩票-| www.71648.com-福彩3d天天开吗| www.066688.com-苹果版的彩票软件| www.440755.com-天天好彩app下载| www.8563.cn-共赢彩票软件下载| www.33486.com-彩神帝彩票-| www.75726.com-7星彩32期-| www.023412.com-七乐彩几点停止销售| www.092058.com-百信彩票bx11| www.858114.com-彩票大赢家百度云| www.923909.com-天天彩票骰子| www.982593.com-同城彩票是诈骗吗| www.cp5779.com-彩票比赌博更危害| www.np29.com-福利彩票怎么选号码| www.r75.net-福彩快三如何看规律| www.36di.com-七星彩大浪爱彩| www.166.cn-大地彩排app| www.2884.pw-彩票平台搭建出租| www.8442.in-亚博体育彩票合法吗| www.32362.com-703彩票网登录| www.90580.com-口袋彩店如何下载| www.049400.com-菩萨赐彩票-| www.129648.com-奥客网竟彩足球| www.200567.com-一定牛彩票网走势图| www.464699.com-查福彩试机号码| www.568472.com-福彩3d断组牛彩网| www.698633.com-中彩网排列五走势图| www.50096.com-几种釉彩大瓶| www.95366.com-福彩各种和值谜| www.844670.com-如何加盟福利彩票店| www.909377.com-福彩三d预测专区| www.965508.com-福彩9+1多少钱| 126彩票网www.936126.com| www.ux94.com-江苏快三彩控走势图| www.868578.com-最近十期七星彩号码| www.456853.com-彩票刷单-| www.9828.bid-香港足彩网站| www.351316.com-彩友团app-| www.11838.com-乐米彩票正规吗| www.703003.cc-福利双彩票开奖结果| www.cai4133.com安徽快三下载| www.923392.com-87彩店改了-| www.434358.com-福彩销售员-| www.182370.com-福利彩票自动选号| www.307997.com-派彩电子官网| www.46197.com-时时彩稳定在线计划| www.1vf.com-彩色饺子店加盟| www.4154.cm-航天11院彩虹公司| www.92698.cc-好聚彩app下载| www.866567.com-天津时彩开奖记录| www.929157.com-9万彩票是骗局揭秘| www.ec84.com-大发快三代理怎么做| www.e12.in-易彩网彩票软件下载| www.72mz.com-任选9场胜负彩玩法| www.4245.xyz-体彩19023-| www.14344.com-辽宁全运彩十一选5|