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.tlgltg.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.tlgltg.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.952840.com-新浪竞彩网比分直播| www.xw92.com-举报彩票app| www.yz55.com-宁夏11选彩控| www.024742.com-江西省体彩中心位置| www.231695.com-彩票三军什么意思| www.618434.com-我要看彩票开奖| www.857107.com-体彩开奖大乐透| www.69137.cc-9号彩票登录首页| www.3012.biz-号百彩票官网| www.003389.com-网络彩票牌照| www.19312.com-竞彩全能王-| www.98738.cc-快三输惨-| www.551187.com-内蒙古快三开奖链接| www.669839.com-百博七星彩投注| www.7he.com-大庆市福彩中心电话| www.551717.com-优彩社会论坛| www.639154.com-广州体育彩票站申请| www.793434.com-福彩3g试机号| www.897386.com-体彩竞彩直播| 中国福利彩票www.34788z.com| www.396223.com-众大时时彩信誉平台| www.7334.in-198彩官网下载| www.135.website看到彩虹有什么寓意| www.645734.com-竞彩足球技巧| www.513230.com-3分钟开一次的彩种| 盛彩网www.41518n.com| www.p80.top-万达彩票网站首页| www.jl17.cc-彩票选号历史对比器| www.064936.com-天下彩票一-| www.494173.com-竞彩九串一-| www.231637.com-快三最佳买二不同法| www.171623.com-内蒙古快三走势图表| www.100911.com-体彩给胆三天必出| www.189051.com-1分快三怎么玩稳赚| www.296719.com-彩票k线怎么看| www.374366.com-168彩票资料大全| www.485004.com-快三如何判断单双| www.f23.shop-乐彩国际-| www.52613.cc-无嘴好彩哪里产的| www.205313.com-老快三开奖结果江西| www.533734.com-g500购彩平台| www.787116.com-彩先知中特网| www.079068.com-最新彩票指南彩报纸| www.uo88.com-乐彩网3d玄机图| www.89731.com-胜负彩新浪爱彩| www.077306.com-彩色复印机图片| www.190506.com-河北快三跨度表| www.548261.com-彩票快三投注技巧| www.q80.org-网上怎样买体育彩票| www.73rw.com-福彩3d独胆规律| www.53wy.cc-陕西福彩微信公众号| www.570015.com-福彩快乐5分| www.833683.com-顶呱刮彩票抽奖| www.915608.com-彩票挂机是骗局吗| www.2470.me-绿播彩播是什么意思| www.30878.com-彩票两元网排列三| www.82658.com-一彩票图谜总汇| www.057865.com-河北快三二不同号是| www.70456.com-彩运8平台下载| www.617789.com-铜陵福彩中心地址| www.968817.com-乐彩vip在线客服| www.2436.cm-彩票跟单后会分成吗| www.820368.com-福彩票中奖号| www.891388.com-福彩最牛广告语| www.957778.com-七星彩668加急版| 购彩在线www.66332q.com| www.835696.com-语文课文中彩票| www.961558.com-彩票预测表格| www.dj14.com-彩票开奖查詢| www.127411.com-彩客竞彩足球| www.115855.com-足彩胜平负概率计算| www.318621.com-澳门彩票有限公司| www.871105.com-手机彩票投注官网| www.500567.com-香港五分彩什么规则| www.652229.com-爱彩乐购彩大厅| www.586200.com-微彩吧苹果下载版| www.751802.com-壹号彩票官方网站| www.37275.com-福星中彩与你同行| www.tg07.com-大发快三预测下期| www.sv4.com-体彩店-| www.469038.com-零零时时彩手机版| www.575411.com-美国最近彩票大奖| www.2wp.cc-中乐彩v2116| www.888903.com-彩站宝怎么发跟单| www.556710.com-体彩福彩全国走势图| www.655670.com-足球彩票储备分析师| www.802512.com-体彩游泳夺金481| www.876208.com-福彩世界网址下载| www.943590.com-希望手游彩票邀请码| www.86865.com-1分快三的投注技巧| www.280443.com-时时彩组六组三全包| www.yh16.cc-分分彩4星稳赚套路| www.21nd.com-福利彩票成立多少年| www.90gl.com-博彩怎么推广有效| www.2373.vip-福彩手机上怎么买| www.8176.vip-时时彩必中二期计划| www.5589.top-新加坡六星彩| www.de17.com-cp彩票靠谱吗| www.338976.com-体彩排三藏机图汇总| www.358241.com-足彩篮彩体育交流群| www.447709.com-中国体育彩票公益网| www.858005.com-青年文摘彩版手机版| www.930422.com-各种彩票高手计划网| www.cai0833.com福彩快三下载| www.uf36.com-手机购彩软件排行| www.05zy.com-3g彩票导航-| www.057395.com-中福利彩票双色球| 彩虹8www.ch8456.com| www.152207.com-如何攻击彩票平台| www.265360.com-上海快三综合走势| www.247930.com-江苏福彩快三购买| www.171152.com-河北快三推荐号今天| www.325665.com-今天七星彩预测码| www.477638.com-彩神通app官方| www.717089.com-福彩3d马后炮预测| www.504202.com-十选一是什么彩票| www.789459.com-下载体彩竞彩网站| www.1398.cm-彩票app排名榜| www.675271.com-竞彩调整原因讨论| www.739767.com-盛源彩票app下载| www.811346.com-福彩怎样选号中奖高| www.880368.com-彩票漏洞套利骗局| www.968924.com-澳门彩金成功退货| 51彩票www.380068.com| 500彩票www.653192.com| www.449218.com-彩票站点提成| www.0987.top-我要买彩票大乐透| www.680559.com-亚彩会平台app| www.060799.com-我去彩票站正规不| www.165829.com-彩票哥-| www.244987.com-78彩票app-| www.22153.com-澳门彩票足球推荐| www.460433.com-神马彩票app| www.571261.com-好彩网是非法赌博么| www.956550.com-买彩票把钱输光了| www.235826.com-唯彩推荐-| www.bt25.com-腾讯十分彩官网| www.446251.com-第一的彩票app| www.528363.com-吉彩下载-| www.585319.com-福彩3d藏机诗字谜| www.dy11.cc-下载亿彩网aap| www.ia54.com-彩票中怎么弄容错| www.j92.vip-天牛图库中国彩吧| www.1wf.com-彩色笔记本-| www.661863.com-竞彩最迟兑奖时间| www.967691.com-快购彩票赛车| www.948229.com-天天好彩手机网| www.059265.com-张家口快三-| www.193077.com-贵州快三预测号推荐| www.307032.com-台湾5分彩开奖查询| www.6780.vip-高频彩app平台| www.24453.com-用彩铅画浪漫樱花树| www.76577.com-七星彩开奖直播频道| www.39058.com-彩票306地址| www.231130.com-彩票快三大小破解| www.02is.com-六色彩虹是什么意思| www.120466.com-山西宝马彩票案| www.208592.com-福彩3d精华布衣1| www.8585.cn-256彩票骗人| www.141479.com-竞彩猫可以投注吗| www.321348.com-足球彩票开奖l| www.818215.com-九八彩票网是真是假| www.862393.com-彩票程序控制| www.24858.cc-优秀儿童彩铅画|