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彩注册 www.488318.com-盈彩人工计划| www.082722.com-易彩票极速快三攻略| www.44211.cc-福彩3d和值赔多少| www.038016.com-下栽红牛彩票| www.146785.com-彩票七彩星开奖| www.71817.cc-中彩网开奖结果报码| www.538539.com-e赢彩下载-| www.ah44.com-熊猫娱乐彩票| www.u63.club-新彩吧3d总洰| www.66pe.com-梦见彩票数字好不好| www.2017.biz-和彩放题价位区别| www.9971.online足彩分析网易| www.131327.com-关于彩礼的社会句子| www.740054.com-福彩二等奖几个号码| www.874035.com-排三老谢说彩| www.217600.com-大发快三破解版下载| www.337856.com-彩讯28开奖-| www.445630.com-开彩网站源码| www.144056.com-重庆分分时时彩计划| www.155116.com-彩票上的签名区| www.98ha.com-玩黑彩有没有赚钱的| www.42832.com-王牌彩票可靠吗| www.118553.com-体彩排列5中奖| www.87dj.cc-金口诀测彩票| www.4574.com-顶尖的足球彩票| www.16994.com-佬牛足彩预测推荐| www.60475.com-福彩开奖信息查询| www.047911.com-竞彩报个人微博| www.137985.com-信彩网下载-| www.400122.com-台码福星彩资料| www.c12.tv-彩票中奖短信生成器| www.76fw.com-澳洲5分彩有官网吗| www.3165.cm-腾讯彩票骗局| www.9118.cm-福利彩票39期| www.40219.com-702彩票-| www.320896.com-七星彩360-| www.7475.cn-体彩店营业额| www.095219.com-中国彩票最不可信| www.553516.com-彩名堂计划免费下载| www.9259.in-移动梦网彩票版区| 彩民村www.88cmc.com| www.807720.com-福彩领奖领导| www.540008.com-休闲快三教学| 大赢家彩票平台www.186763.com| www.7991.cn-开机号中华彩票网| www.14640.com-海南七星彩如何包码| www.890.biz-彩铅古风绘画| www.437009.com-七星彩定位号| www.332043.com-彩票了的利润| --彩票全能中彩app| www.3055.pw-彩之云饭票是骗局吗| www.62698.com-天天爱彩票是正规的| www.087260.com-彩田路彩福大厦| www.88zt.com-7728彩票官网| www.yr58.com-竞彩3场2关-| www.80639.com-下载天天福彩| www.mm24.cc-快三预测号码软件| www.2817.wang-好彩彩票官网| www.148398.com-天天中彩票提现快么| www.789679.com-网易红彩专家靠谱吗| www.890737.com-青岛快三走势图| www.262223.com-老版卓易彩票| 99彩票www.062766.com| www.1909.org-东方亮彩招聘单| www.9567.in-武汉福彩店铺转让网| www.615520.com-亚洲版时时彩| www.703499.com-派彩总额是什么意思| www.822817.com-篮球竞彩加时算不算| www.4312.biz-彩票销售提成多少| www.594378.com-七彩汇二维码| www.726919.com-七乐彩奖走势图| www.885119.com-申请福彩投注点| 如意彩票www.156518.com| www.187129.com-新浪时时彩走势图| www.221852.com-今晚七星彩开奖号码| www.34678.com-迷彩兔影视手机版| www.2831.shop-人人彩票app骗局| www.748777.com-中彩彩票代理| www.850078.com-时时彩号码计算工具| www.913051.com-彩票高手中奖预测| www.bu22.com-网投彩票是什么意思| www.127472.com-彩库宝典怎么安装| www.tm78.cc-彩票算号器-| www.762798.com-分分时彩计划软件| www.910063.com-有没有玩胜利彩票的| 中彩网www.61233o.com| www.979160.com-搜索福利彩票3d| www.gr87.com-江苏快三二不同号| www.u15.shop-生彩宝用法-| www.81vd.com-彩票兑奖app| www.2824.cm-乐凯彩票人人猜球| www.139830.com-网上彩票诈骗报警| www.k58.club-七天彩娱乐官网网址| www.46gd.com-易旺彩票可靠吗| www.2384.top-搜神传好彩妹| www.7268.net-彩虹6号无人机视频| www.18778.com-全民智投彩票正规吗| www.68990.com-印尼五分彩开奖软件| www.432186.com-彩票一等奖号码| www.854683.com-北京时时乐彩| www.zv47.com-上海彩票在哪里兑奖| www.732.cm-时时彩判多少年| www.038.cc-七色彩虹打一成语| www.874923.com-优游彩票登录| www.947945.com-特彩吧-| www.995806.com-足彩胜平负公式计算| www.az84.com-牛彩网3d-| www.pg18.com-中福系统彩票平台| www.k11.wang-好彩网专家试机号| www.29lu.com-派彩化妆品怎么样| www.180219.com-福彩快3彩票| www.358759.com-五位数的是什么彩票| www.521550.com-时时彩听说停售是吗| www.904150.com-大发快三害死多少人| 500彩票www.50054b.com| www.tu29.com-彩一票彩票开奖结果| www.252757.com-好彩堂心水资料站| www.707861.com-bb彩票漏洞-| www.686852.com-中彩那天的课文图片| www.807492.com-彩票老师带单合买| www.896511.com-香港牛蛙彩票导航网| 彩71www.551549.com| www.vz65.com-体彩任选9场胜负| www.64da.com-維彩视频-| www.63865.com-红五福彩三d| www.625391.cc-go彩登录网址| www.121090.com-福彩双色球选号技巧| www.602122.com-号佰彩票开奖查询| www.685107.com-复式彩票如何算中奖| www.5548.cm-大乐透彩票几号开售| www.190501.com-今日安徽快三预测| www.751352.com-今日彩靠谱吗| www.442221.com-福利彩世界合法吗| www.556547.com-最牛七乐彩选号汇总| www.663808.com-越南5分彩-| www.749351.com-中彩网怎么赚钱| www.855923.com-足球竞彩胜平负玩法| 网易彩票www.07163r.com| www.292024.com-高频彩哪个平台好| www.973556.com-123彩票开奖公告| www.dq42.com-小鹿彩票工具| www.1430.cn-海南四字彩票| www.335684.com-广西快三有假吗| www.088031.com-988彩票网可靠吗| www.22723.cc-移动短信怎么买彩票| www.23066.cc-福彩彩票谜语版| www.040698.com-趣头条彩票是骗局吗| www.94696.com-足彩一球盘解析| www.077019.com-福利彩票欢乐生肖| www.53272.com-玄图二四天天好彩| www.683223.com-彩金能卖吗-| www.829099.cc-彩9彩票ios下载| www.963040.com-体彩顶呱刮运8| 购彩在线www.66332n.com| www.im36.com-五分时时彩计划| www.29cz.com-sohu彩票-| www.415008.com-竞彩反卖法-| www.102089.com-分分彩是哪里开的| www.458555.com-跑马彩票网站| www.525615.com-最新时时彩计划软件| www.694.me-鸿运来彩票登陆官网| www.st5.com-上海快三推荐三号| www.19923.cc-开一个私人彩票网站| www.770097.com-好彩投28彩票|