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.wangaigou.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.wangaigou.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.007957.com-彩票手机新浪网站| www.n22.pw-机选彩票中大奖| www.cp850.cc-共赢彩票网站| www.22819.cc-彩票排行榜软件下载| www.988714.com-全民中彩票网址多少| www.lr92.com-安徽快三走基本走势| www.3514.biz-吉利三分彩走势图| www.594115.com-万豪彩票苹果能玩吗| www.882312.com-345彩票网app| www.2954.cm-彩票店宣传单| www.09922.cc-鼎峰彩票-| www.149395.com-038彩票作弊案| www.287575.com-彩之家邀请码| www.010583.com-万丽国际娱乐彩票| www.096805.com-金鑫3d好彩网| www.72oh.com-老彩民彩票网下载| www.1664.win-彩票业五行属什么| www.319219.com-江西快三遗漏情况| www.34931.com-彩金捕鱼是什么意思| www.41634.com-赠送的彩票纠纷案| www.6042.cc-5oo万足球彩票| www.30yt.com-彩虹云主机官网| www.377525.com-威海结婚彩礼钱| www.253933.com-褔建体彩官方网站| www.190152.com-江苏快三走势分析| www.275228.com-中国体育彩票七位数| www.352769.com-竞彩足球比分爱彩| www.089630.com-阿里彩票怎么回事| www.019256.com-买彩票多少钱一张| www.570768.com-上海福彩集中| 天天彩票www.209882.com| www.1us.cc-杏彩测速-| www.980945.com-彩788在线玩| www.fw34.com-5亿彩票网官网下载| www.c71.in-安徽一定牛快三遗漏| www.79779.cc-388计划彩票网| www.070226.com-彩神争霸登陆| www.169551.com-快三吉林和值走势| www.261660.com-体彩河南游泳夺金| www.89585.cc-577彩票网的资料| www.103227.com-竞彩足球推介必准| www.029422.com-人人中彩票近期开奖| www.11551.com-时时彩平台出售价格| www.cp439.com-网上快三平台正规吗| www.5xe.com-彩易博高手数据统计| www.737935.com-彩神喷绘机价格| www.931400.com-山东快三玩法规则| www.38072.com-一分快三辅助器| www.070885.com-人人彩31684| www.307031.com-贵州体彩中心电话| www.896531.com-趣头条彩票骗局| www.801185.com-懂彩帝彩民彩票| www.007241.com-qq彩票可靠吗| www.338988.com-军长14场足彩| www.ur39.com-内蒙快三投注平台| www.237079.com-全能中彩彩票| www.188370.com-彩票输入号码查询器| www.384355.com-彩票站投诉热线电话| www.633644.cc-m5彩票真假-| www.216564.com-快三第一门户在线| www.291763.com-鸿彩直播平台| www.891017.com-尊彩app下载| www.965631.com-分分快三猜一个好| 500彩票网www.911059.com| www.975384.com-彩票qq群大全| www.an9.cc-河北福彩体彩走势图| www.wz66.com-下载个福利彩票助手| www.451038.com-彩巴巴彩票-| www.327855.com-彩票大全开奖器| www.128304.com-怎么卖海南七星彩| www.60305.com-黑彩网站制作| www.109899.com-时时彩都是假| www.334251.com-爱投彩票提现不到账| www.631730.com-七彩阳光一至五节| www.901948.com-彩37彩票app| 88彩票www.8839e.com| www.889005.com-七乐彩走势图表新浪| www.197445.com-华人官网彩票| www.739602.com-福彩双色球123期| www.852005.com-长沙福彩中心地址| www.948113.com-6200好彩网-| 500彩票www.50064a.com| www.506998.com-看福彩新开奖| www.1840.net-依彩化妆品代理| www.133214.com-彩钢板围墙图片大全| www.37797.com-彩票管理新规| www.729510.com-双色球走势新浪爱彩| www.421349.com-东方亮彩车间图片| www.77893.com-点我更多精彩内容| www.616005.com-关于卖彩票的小程序| www.726199.com-双色球定胆的彩宝贝| www.812091.com-采金网彩免费资料| www.35156.cc-数字型彩票的设计| www.238053.com-旺旺彩票怎么兑奖| www.682306.com-福建福快三-| www.793133.com-福利彩票真实么| www.871508.com-北京快三助手版| www.946895.com-快三实时走势图| PK彩票www.8499t.com| www.9858.cc-古建筑旋子彩绘图案| www.618196.com-长春双色球中奖彩站| www.698058.com-浙江体彩网页版| www.791441.com-彩票店赊账违法吗| www.872170.com-福利彩票双色球字谜| www.936093.com-速8彩票真假| www.983330.com-彩票网站报警| www.ak3.cc-快三胆码是什么意思| www.lq88.com-下载官方全民中彩| www.4779.biz-福彩3d出奖号码| www.8375.top-旺角彩皇免费资料| www.332885.com-分分彩官网平台| www.978958.com-南粤风采好彩1奖金| www.984229.com-58彩票旧版首页| www.nz37.com-时时彩后二胆码技巧| www.00sm.cc-福彩3d预测字画迷| www.72fe.com-香港5分彩有托| www.2087.hk-竞彩篮球过关计算器| www.05041.com-体彩排3和值走势图| www.008485.com-智慧彩票预测软件| www.124199.com-体育彩票走势图下载| www.210127.com-福彩快三代理违法吗| www.273763.cc-福彩彩票快2怎么玩| www.331599.com-乐彩网一分快3| www.387333.com-彩带拉花-| www.033965.com-七乐彩票是什么鬼| www.7591.biz-彩票ppt-| www.9455.la-怎么购买外国彩票| www.1709.com-一分快三规律怎么看| www.948286.com-快三微信群shy| www.223615.com-福彩跨度-| www.096298.com-福彩3d专家短信| www.97.vip-易发彩快三-| www.062943.com-时时彩怎么破解连挂| www.205111.cc-吉林快三基本走势图| www.347744.com-苹果手机彩票送彩金| www.539395.com-彩票是不是骗人的| www.75866.com-有体彩彩票-| www.116661.com-手机彩票人工计划| www.169690.com-内蒙古快三预测号码| www.233894.com-福彩双色球奖励规则| www.296629.com-彩票快三安徽| www.924788.com-澳洲有哪几种彩票| 博友彩www.122by.com| www.aj58.com-双福彩3d字谜画谜| www.sl97.com-时时彩二星走势| www.144886.com-竞彩单场专家总汇| www.rx22.com-大奖彩票网客服| www.218960.com-湖北体彩前三直遗漏| www.nt0.cc-福彩人人快3| www.35455.cc-数字三彩神通苹果版| www.767656.com-体彩票福利彩票开奖| www.25bq.com-七星彩18002期| www.455228.com-皇冠国际彩票赚钱| www.949296.com-五百彩票-| www.993157.com-博雅彩票真的吗| www.jl42.com-大发快三回血大师| www.968720.com-七星彩走势图星期天| www.488160.com-和乐彩票安全吗| www.739701.com-苹果彩票pg73| www.659419.com-财神快三-| www.878913.cc-下载彩之王app| www.969118.com-天天中彩票3588| www.30ep.com-彩铅蝴蝶图片| www.653913.com-ll彩票登-|