<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>screening</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
<meta name="apple-touch-fullscreen" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta http-equiv="x-rim-auto-match" content="none"/>
<meta name="HandheldFriendly" content="true"/>
<link type="text/css" rel="stylesheet" href="css/demo.css">
<script src="js/jquery-1.8.2.min.js"></script>
<script src="js/demo.js"></script>
</head>
<body>
<!-- screening -->
<div class="screening">
<ul>
<li class="meishi">美食</li>
<li class="Regional">附近</li>
<li class="Sort">排序</li>
<li class="Brand">筛选</li>
</ul>
</div>
<!-- End screening -->
<!-- grade -->
<div class="meishi22">
<ul class="meishia-w" id="meishia">
<li onclick="meishia(this)"><div class="meishi1">全部分类 <span class="xiaobiao">1225></span></div></li>
<li onclick="meishia(this)"><div class="meishi2">美食 <span class="xiaobiao">1225></span></div></li>
<li onclick="meishia(this)"><div class="meishi3">电影 <span class="xiaobiao">1225></span></div></li>
<li onclick="meishia(this)"><div class="meishi4">酒店 <span class="xiaobiao">1225></span></div></li>
<li onclick="meishia(this)"><div class="meishi5">休闲娱乐 <span class="xiaobiao">1225></span></div></li>
<li onclick="meishia(this)"><div class="meishi6">KTV <span class="xiaobiao">1225></span></div></li>
<li onclick="meishia(this)"><div class="meishi7">丽人 <span class="xiaobiao">1225></span></div></li>
<li onclick="meishia(this)"><div class="meishi8">外卖 <span class="xiaobiao">1225></span></div></li>
</ul>
<ul class="meishia-t" id="meishib">
<li onclick="meishib(this)">小天鹅 <span class="xiaobiao1">1225</span></li>
<li onclick="meishib(this)">小天鹅 <span class="xiaobiao1">1225</span></li>
<li onclick="meishib(this)">小天鹅 <span class="xiaobiao1">1225</span></li>
<li onclick="meishib(this)">小天鹅 <span class="xiaobiao1">1225</span></li>
<li onclick="meishib(this)">小天鹅 <span class="xiaobiao1">1225</span></li>
<li onclick="meishib(this)">小天鹅 <span class="xiaobiao1">1225</span></li>
<li onclick="meishib(this)">小天鹅 <span class="xiaobiao1">1225</span></li>
</ul>
</div>
<div class="grade-eject">
<ul class="grade-w" id="gradew">
<li onclick="grade1(this)">哈尔滨 <span class="xiaobiao">1225></span></li>
<li onclick="grade1(this)">全国 <span class="xiaobiao">1225></span></li>
<li onclick="grade1(this)">北京 <span class="xiaobiao">1225></span></li>
<li onclick="grade1(this)">天津 <span class="xiaobiao">1225></span></li>
<li onclick="grade1(this)">河北 <span class="xiaobiao">1225></span></li>
<li onclick="grade1(this)">山西 <span class="xiaobiao">1225></span></li>
<li onclick="grade1(this)">内蒙古 <span class="xiaobiao">1225></span></li>
<li onclick="grade1(this)">辽宁 <span class="xiaobiao">1225></span></li>
<li onclick="grade1(this)">吉林 <span class="xiaobiao">1225></span></li>
<li onclick="grade1(this)">黑龙江 <span class="xiaobiao">1225></span></li>
<li onclick="grade1(this)">上海 <span class="xiaobiao">1225></span></li>
<li onclick="grade1(this)">江苏 <span class="xiaobiao">1225></span></li>
<li onclick="grade1(this)">山东 <span class="xiaobiao">1225></span></li>
<li onclick="grade1(this)">河南 <span class="xiaobiao">1225></span></li>
<li onclick="grade1(this)">湖北 <span class="xiaobiao">1225></span></li>
<li onclick="grade1(this)">湖南 <span class="xiaobiao">1225></span></li>
<li onclick="grade1(this)">广东 <span class="xiaobiao">1225></span></li>
<li onclick="grade1(this)">广西 <span class="xiaobiao">1225></span></li>
<li onclick="grade1(this)">海南 <span class="xiaobiao">1225></span></li>
</ul>
<ul class="grade-t" id="gradet">
<div class="zimu">A</div>
<li onclick="gradet(this)">全河北 <span class="xiaobiao1">1225</span></li>
<div class="zimu">B</div>
<li onclick="gradet(this)">石家庄 <span class="xiaobiao1">1225</span></li>
<li onclick="gradet(this)">唐山 <span class="xiaobiao1">1225</span></li>
<li onclick="gradet(this)">秦皇岛 <span class="xiaobiao1">1225</span></li>
<div class="zimu">C</div>
<li onclick="gradet(this)">邢台 <span class="xiaobiao1">1225</span></li>
<li onclick="gradet(this)">保定 <span class="xiaobiao1">1225</span></li>
<li onclick="gradet(this)">张家口 <span class="xiaobiao1">1225</span></li>
<div class="zimu">D</div>
<li onclick="gradet(this)">承德 <span class="xiaobiao1">1225</span></li>
<li onclick="gradet(this)">沧州 <span class="xiaobiao1">1225</span></li>
<div class="zimu">E</div>
<li onclick="gradet(this)">廊坊 <span class="xiaobiao1">1225</span></li>
<li onclick="gradet(this)">衡水 <span class="xiaobiao1">1225</span></li>
</ul>
</div>
<!-- End grade -->
<!-- Category -->
<div class="Sort-eject Sort-height">
<ul class="Sort-Sort" id="Sort-Sort">
<li onclick="Sorts(this)">智能排序</li>
<li onclick="Sorts(this)">离我最近</li>
<li onclick="Sorts(this)">好评优先</li>
<li onclick="Sorts(this)">人气优先</li>
<li onclick="Sorts(this)">价格最低</li>
<li onclick="Sorts(this)">价格最高</li>
</ul>
</div>
<!-- End Category -->
<!-- Category -->
<script src="js/truck.23648f77.js"></script>
<div class="Category-eject">
<ul class="Category-w" id="Categorytw">
<li onclick="Categorytw(this)">
优惠买单
<span><div class="wrap">
<input type="checkbox" id="s5">
<label class="slider-v3" for="s5"></label>
</div></span>
</li>
<li onclick="Categorytw(this)">
只看免预约
<span><div class="wrap">
<input type="checkbox" id="s6">
<label class="slider-v3" for="s6"></label>
</div></span>
</li>
<li onclick="Categorytw(this)">
节假日可用
<span><div class="wrap">
<input type="checkbox" id="s7">
<label class="slider-v3" for="s7"></label>
</div></span>
</li>
<li onclick="Categorytw(this)">用餐人数</li>
<li onclick="Categorytw(this)">
<div class="choose" id="dress-size">
<form action="" method="get">
<div class="choosebox">
<ul class="clearfix">
<li>
<input type="radio" name="name" value="S" id="" />
<a href="javascript:void(0);" class="size_radioToggle"><span class="value">不限</span></a>
</li>
<li>
<input type="radio" name="name" value="M" id="" />
<a href="javascript:void(0);" class="size_radioToggle"><span class="value">单人餐</span></a>
</li>
<li>
<input type="radio" name="name" value="L" id="" />
<a href="javascript:void(0);" class="size_radioToggle"><span class="value">双人�
移动端和PC端通用的三级导航菜单栏
5星 · 超过95%的资源 需积分: 47 14 浏览量
2015-11-18
17:39:11
上传
评论 1
收藏 59KB ZIP 举报 
jinzhao.zip （14个子文件） 
jinzhao images 
meishi2.png 2KB meishi8.png 2KB on_1.png 3KB meishi1.png 2KB meishi5.png 2KB meishi6.png 2KB meishi7.png 2KB meishi3.png 2KB meishi4.png 2KB js 
jquery-1.8.2.min.js 91KB truck.23648f77.js 8KB demo.js 7KB
meishi.html 10KB css demo.css 6KB资源评论
张Wayne2016-03-11很不错，再合理的改一下就可以用了
cdg2361010382016-09-24以RAR压缩格式生成的文件，解压后文件齐全，非常实用！
