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.ccxxsjj.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.ccxxsjj.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.9886.biz-乐游彩票合买| www.21075.com-五百彩票a-| www.629059.com-一分快三怎样算和值| www.64xp.com-下载老徐说彩| www.6576.xyz-姓名幸运号选彩票| www.155489.com-尊彩网邀请码在哪里| www.297167.com-彩票网购-| www.762559.com-辛运时时彩-| www.817963.com-足彩任九19052| www.954724.com-体彩怎么玩世界杯| www.uu63.com-八八彩票官方网站| www.lt78.com-百姓彩票网官网| www.4935.pw-彩中彩是真的吗| www.318714.com-中国竞彩网官网首页| www.37276.com-免费彩金领取| www.089670.com-彩票套利是怎么套的| www.290172.com-大赢家网站彩票| www.464193.com-时时彩彩票开奖时间| www.946926.com-彩色沥青砼价格| www.qd0.cc-中福快三开奖规律| www.7679.xyz-彩票英文字母含义| www.b27.com-福彩助手怎么买彩票| www.82he.com-江西体彩有哪些| www.6375.org-胜负彩下载-| www.39587.cc-北京九歌彩票| www.062403.com-时时彩平台是骗局吗| www.189254.com-内蒙古快三爱乐彩| www.315667.com-彩虹台-| www.447312.com-众彩网网址-| www.577560.com-体彩幸运赛车颜色| www.688225.com-下载广东手机福彩| www.804888.com-七彩旗-| www.913083.com-我去彩票站怎么样| 爱彩www.1222ac.com| www.25ee.com-华彩杰鹏-| www.662477.com-肥城体彩600万| www.274333.com-腾讯分分彩期期必中| www.1361.net-蝙蝠侠水彩抽象画| www.89647.com-盛兴开奖彩票| www.1166.net-体彩大乐透宣传口号| www.74998.com-私人彩票平台漏洞| www.080009.com-8亿彩是不是真的| www.441922.com-七星彩遗漏查询| www.654767.com-青海快三介绍| www.926316.com-七乐彩双期走势图| www.00yt.com-福彩红五图库永久域| www.6973.cn-七星彩预测计划网址| www.105650.com-苹果时时彩下载| www.193314.com-百宝彩湖北快三| www.259038.com-足彩不要买低赔| www.955.cm-彩票最-| www.5999.vip-足彩19040大势| www.00909.com-赠送彩金棋牌| www.52576.cc-金博彩票快三| www.86208.com-天吉彩票预测论坛网| www.029149.com-众彩网大乐透预测| www.097238.com-公益彩票官网| www.154755.com-足彩竞猜玩法介绍| www.213498.com-彩神iv能玩吗| www.273013.com-福彩3d是什么意思| www.335039.com-黑河市福彩兑奖地点| www.396666.com-七星彩18058期| www.491204.com-491cc彩票挂牌| www.549214.com-篮球计算器竞彩网| www.624234.com-乐彩33首页登录| www.682567.com-怎么买足彩-| www.739409.com-彩票自动下单系统| www.795286.com-女人梦见别人中彩票| www.853313.com-民间彩票高手| www.900529.com-怎样买彩票才能中奖| www.954281.com-大彩网走势图| www.993685.com-足彩十四场分析| www.ac33.com-新疆体彩十一选五| www.qv72.com-湖北快三有假吗| www.t56.cc-湖北双色球中奖彩票| www.933299.com-全民中彩票下载安装| www.989704.com-大同彩票平台怎样| www.tt8.cc-内快三爱彩乐| www.pe95.com-一分钟快三开奖官网| www.x39.shop-棋牌彩票手机app| www.119642.com-福彩帮投项目是什么| www.243331.com-福利彩票往期开奖| www.336171.com-甘肃时时彩-| www.33824.com-大发快三历史开奖号| www.100063.cc-百宝彩河北快三| www.325821.com-福彩3d软件哪个好| www.vu59.com-澳门彩票手机版| www.008716.com-彩票77官方登录| www.456768.com-大陆有可能开马彩吗| www.688781.com-彩83官网-| www.949654.com-78彩店app-| www.2ns.cc-49cp彩票网-| www.0451.in-满堂彩网站-| www.54074.com-彩61在哪里下载| www.088073.com-亿彩下载安装| www.253849.com-彩票app下-| www.661465.com-牛人买最大复式彩票| www.770992.com-分分彩智能计划软件| www.868682.com-7星彩中奖查询结果| www.950341.com-福彩海哥双胆| www.cp6775.com-江苏快三规律破解| www.jb64.com-辽宁福彩-| www.e83.com-兰州七星彩开奖日期| www.17zm.com-如向杀七乐彩号码| www.794.bid-六壬测福彩3d| www.4336.cc-下载双色球福彩天地| www.8829.site-老徐说彩今天| www.28289.cc-福彩字谜画谜总汇| www.63103.com-特彩吧app下载| www.754518.com-易网红彩app官网| www.242322.com-福彩快三和值组合表| www.344228.com-彩神口诀-| www.514622.com-美国彩票网站app| www.608045.com-免费白菜彩金| www.774148.com-彩票3d骗局-| www.880008.cc-天无彩选四开奖| www.966247.com-亿彩网到底是真是假| www.cn68.cc-温州快三走势图| www.d23.com-全民足球彩票下载| www.67gs.com-分分彩龙虎技巧稳赢| www.3539.xyz-田野七乐彩预测| www.10027.com-七乐彩专家测号码| www.777845.com-购彩网彩票-| www.285320.com-快三时时彩官网平台| www.358581.com-掘金团队彩票微信| www.451567.com-幸运分分彩网站| www.553504.com-要怎么戒掉赌足彩| www.695791.com-足彩m串n对照表| www.796384.com-盈彩在线是骗| www.871347.com-彩票高賠率平台| www.940090.com-呱呱彩-| www.cp9455.com-官方彩票有哪些| www.5033.vip-明天福利彩票| www.47687.com-甘肃快三变动咨询| www.97772.cc-宝马团队时时彩计划| www.092120.com-福建体彩兑奖地址| www.181356.com-上海福彩快3一定| www.926218.com-南昌体彩-| www.228440.com-濮阳县彩礼法律规定| www.360850.com-幸运星座彩票w| www.476934.com-体彩组任三什么意思| www.618041.com-我国体育彩票上市| www.758766.com-阿里彩票是正规的吗| www.833866.com-福彩软件哪个安全| www.937175.com-鸿博彩票下载| www.988862.com-各种pk10彩票| www.zz0.com-河南福彩快三走试图| www.yo44.com-江苏体彩兑奖流程| www.096888.com-彩票软件多彩网| www.282819.com-双色球彩票万能公式| www.0202.cc-澳洲时时彩技巧b盘| www.052356.com-360购彩大厅首| www.191561.com-人人中彩票手机版| www.331765.com-2345彩票网-| www.423525.com-吴江彩票店转让信息| www.25qh.com-安徽快三走势一定| www.1131.in-竞彩停赛了怎么算| www.jf55.cc-派彩十一选五走势图| www.s23.online-吉林快三历史奖号| www.0656.org-福彩门头设计图| www.8109.vip-九万彩票幸运28| www.179700.com-河北快三软件下载| www.288284.com-万彩吧彩票开奖查旬| www.391605.com-全民乐彩-|