<!DOCTYPE html>
<html>
<head>
<!-- 声明文档使用的字符编码 -->
<meta charset='utf-8'>
<!-- 优先使用 IE 最新版本和 Chrome -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<!-- 页面描述 -->
<meta name="description" content="手机点餐系统"/>
<!-- 页面关键词 -->
<meta name="keywords" content=""/>
<!-- 搜索引擎抓取 -->
<meta name="robots" content="index,follow"/>
<!-- 为移动设备添加 viewport -->
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=3,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no,target-densityDpi=medium-dpi, minimal-ui" />
<!-- `width=device-width` 会导致 iPhone 5 添加到主屏后以 WebApp 全屏模式打开页面时出现黑边 http://bigc.at/ios-webapp-viewport-meta.orz -->
<!-- iOS 设备 begin -->
<meta name="apple-mobile-web-app-title" content="标题">
<!-- 添加到主屏后的标题（iOS 6 新增） -->
<meta name="apple-mobile-web-app-capable" content="yes"/>
<!-- 是否启用 WebApp 全屏模式，删除苹果默认的工具栏和菜单栏 -->
<!--meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL" -->
<!-- 添加智能 App 广告条 Smart App Banner（iOS 6+ Safari） -->
<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
<!-- 设置苹果工具栏颜色 -->
<meta name="format-detection" content="telphone=no, email=no"/>
<!-- 忽略页面中的数字识别为电话，忽略email识别 -->
<!-- 启用360浏览器的极速模式(webkit) -->
<meta name="renderer" content="webkit">
<!-- 避免IE使用兼容模式 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- 不让百度转码 -->
<meta http-equiv="Cache-Control" content="no-siteapp" />
<!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
<meta name="HandheldFriendly" content="true">
<!-- 微软的老式浏览器 -->
<meta name="MobileOptimized" content="320">
<!-- uc强制竖屏 -->
<meta name="screen-orientation" content="portrait">
<!-- QQ强制竖屏 -->
<meta name="x5-orientation" content="portrait">
<!-- UC强制全屏 -->
<meta name="full-screen" content="yes">
<!-- QQ强制全屏 -->
<meta name="x5-fullscreen" content="true">
<!-- UC应用模式 -->
<meta name="browsermode" content="application">
<!-- QQ应用模式 -->
<meta name="x5-page-mode" content="app">
<!-- windows phone 点击无高光 -->
<meta name="msapplication-tap-highlight" content="no">
<!-- iOS 图标 begin -->
<link rel="apple-touch-icon-precomposed" href="apple-touch-icon-57x57-precomposed.png"/>
<!-- iPhone 和 iTouch，默认 57x57 像素，必须有 -->
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-touch-icon-114x114-precomposed.png"/>
<!-- Retina iPhone 和 Retina iTouch，114x114 像素，可以没有，但推荐有 -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="apple-touch-icon-144x144-precomposed.png"/>
<!-- Retina iPad，144x144 像素，可以没有，但推荐有 -->
<!-- iOS 图标 end -->
<!-- iOS 启动画面 begin -->
<link rel="apple-touch-startup-image" sizes="768x1004" href="img/App-ios-logo-152x152.png"/>
<!-- iPad 竖屏 768 x 1004（标准分辨率） -->
<link rel="apple-touch-startup-image" sizes="1536x2008" href="img/App-ios-logo-152x152.png"/>
<!-- iPad 竖屏 1536x2008（Retina） -->
<link rel="apple-touch-startup-image" sizes="1024x748" href="img/App-ios-logo-152x152.png"/>
<!-- iPad 横屏 1024x748（标准分辨率） -->
<link rel="apple-touch-startup-image" sizes="2048x1496" href="img/App-ios-logo-152x152.png"/>
<!-- iPad 横屏 2048x1496（Retina） -->
<link rel="apple-touch-startup-image" href="img/App-ios-logo-152x152.png"/>
<!-- iPhone/iPod Touch 竖屏 320x480 (标准分辨率) -->
<link rel="apple-touch-startup-image" sizes="640x960" href="img/App-ios-logo-152x152.png"/>
<!-- iPhone/iPod Touch 竖屏 640x960 (Retina) -->
<link rel="apple-touch-startup-image" sizes="640x1136" href="img/App-ios-logo-152x152.png"/>
<!-- iPhone 5/iPod Touch 5 竖屏 640x1136 (Retina) -->
<!-- iOS 启动画面 end -->
<!-- iOS 设备 end -->
<meta name="msapplication-TileColor" content="#000"/>
<!-- Windows 8 磁贴颜色 -->
<meta name="msapplication-TileImage" content="icon.png"/>
<!-- Windows 8 磁贴图标 -->
<link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml"/>
<!-- 添加 RSS 订阅 -->
<link rel="shortcut icon" type="image/ico" href="/favicon.ico"/>
<!-- 添加 favicon icon -->
<title>点餐宝-分类</title>
<link rel="stylesheet" href="css/common.css" />
<link rel="stylesheet" href="css/menu.css" />
<script type="text/javascript" src="js/jquery-1.3.2.js" ></script>
</head>
<body ontouchstart="return true;">
<!-- 头部区 -->
<header class="header_position">
<span class="position_content"><img src="img/menu_icon.png" /><em>当前位置</em>分类<i>></i>特色菜品</span>
</header>
<!-- 内容区 -->
<article class="menu_content">
<!-- 今日热销区 -->
<div class="content_top">
<p><a href="hot.html">今日热销</a></p>
</div>
<div class="content_top_img">
<a href="goodsdetails.html"><img src="img/cp1.jpg" class="first_top_img"/>
<div class="content_top_content">
<p class="top_content_name">烤牛排</p>
<p class="top_content_price">￥58.0</p>
<p class="top_content_grade">评分:4.9分</p>
<p class="top_content_count">已售807</p>
</div>
</a>
<i><a href="hot.html"></a></i>
</div>
<!-- 导航区 -->
<div class="trip" id="nav">
<a href="#" onclick="flmenu()" id="first_nav"><img src="img/fl.png"><p>菜品分类</p></a>
<a href="#"><img src="img/ts.png"><p>特色菜品</p></a>
<a href="recommend.html"><img src="img/tj.png"><p>推荐菜品</p></a>
<a href="new.html"><img src="img/xp.png"><p>创新菜品</p></a>
<a href="hot.html"><img src="img/rx.png"><p>热销菜品</p></a>
<a href="discount.html"><img src="img/zk.png"><p>折扣菜品</p></a>
</div>
<!-- 二级导航区 -->
<div class="fl_menu" id="fl_menu">
<a href="snack.html"><img src="img/xc.png"><p>小吃</p></a>
<a href="meatdish.html"><img src="img/hc.png"><p>荤菜</p></a>
<a href="vegetableplate.html"><img src="img/sc.png"><p>素菜</p></a>
</div>
<!-- 菜品内容区 -->
<div class="recommendation first">
<a href="goodsdetails.html">
<img src="img/1.jpg" class="foodimg"/>
<div class="recommendation_content">
<p class="rec_ctent_title">鸡扒盒饭</p>
<p class="rec_ctent_grade">评分<i>4.8</i>分</p>
<p class="rec_ctent_service">商品描述：要提前一天晚上腌制。先把腌料倒进保鲜盒里，如果想味道重就多放一点，再加适量清水搅拌，不要弄得太稀，有一点稠的状态最好，这样腌的鸡扒</p>
<p class="rec_ctent_price">￥25.3</p>
<p class="rec_ctent_sold">已售100</p>
</div>
</a>
<a href="index.html"><img src="img/33.png" class="car"></a>
</div>
<div class="recommendation">
<a href="goodsdetails.html">
<img src="img/cp6.jpg" class="foodimg"/>
<div class="recommendation_content">
<p class="rec_ctent_title">鸡扒盒饭鸡扒盒饭鸡扒盒饭鸡扒盒饭</p>
<p class="rec_ctent_grade">评分<i>4.8</i>分</p>
<p class="rec_ctent_service">商品描述：要提前一天晚上腌制。先把腌料倒进保鲜盒里，如果想味道重就多放一点，再加适量清水搅拌，不要弄得太稀，有一点稠的状态最好，这样腌的鸡扒</p>
<p class="rec_ctent_price">￥25.3333</p>
<p class="rec_ctent_sold">已售100000</p>
</div>
</a>
前端课程设计-餐厅点餐系统（html+css+js）.zip
版权申诉
5星 · 超过95%的资源 4 浏览量
2023-05-15
22:54:38
上传
评论 1
收藏 1.24MB ZIP 举报 
前端课程设计-餐厅点餐系统（html+css+js）.zip （93个子文件） 
APP点餐系统HTML 
new.html 21KB discount2.html 22KB menu.html 23KB meatdish.html 20KB recommend2.html 20KB js 
touchslider.dev.js 14KB touchScroll.js 19KB jquery-1.3.2.js 118KB shopcar.js 3KB index.js 1019B order.js 1005B run.js 522B index2.html 15KB vegetableplate.html 20KB vegetableplate2.html 20KB menu2.html 22KB goodsdetails.html 9KB evaluate.html 7KB img 
cp6.jpg 5KB
xc.png 663B 2.jpg 58KB error.png 821B more.png 389B cp5.jpg 5KB cp4.jpg 5KB quest.png 287B cp2.jpg 5KB 3.png 2KB search_icon.png 4KB cp8.jpg 5KB suc.png 850B zk.png 550B
loading.gif 3KB hc.png 692B cp11.jpg 5KB 1.jpg 71KB ts.png 717B 44.png 529B 000.jpg 37KB phone.png 429B cp.jpg 5KB 1.png 758B titile_bg.gif 157B loading.png 907B tj.png 515B 003.jpg 182KB 11.png 775B 5.jpg 67KB sc.png 714B top_bg.png 1KB shaopcar.jpg 177KB 002.jpg 159KB 4.png 537B hot.gif 931B delete.png 335B cp1.jpg 6KB xp.png 888B 33.png 2KB cp9.jpg 5KB 001.jpg 74KB fl.png 485B menu_icon.png 895B ganxie.png 406B 3.jpg 101KB 2.png 1KB cp10.jpg 5KB rx.png 549B 22.png 1KB cp3.jpg 5KB search_bg.png 509B 4.jpg 120KB cp7.jpg 5KB delete1.png 360B css 2common.css 3KB common.css 4KB order.css 3KB subpage.css 1KB menu.css 5KB index.css 4KB shopcar.css 5KB snack2.html 20KB discount.html 22KB shopcar.html 10KB refund.html 8KB index.html 15KB snack.html 21KB .project 1KB order.html 7KB recommend.html 21KB hot2.html 21KB meatdish2.html 20KB hot.html 21KB new2.html 21KB资源评论
m0_516772912024-02-01感谢资源主的分享，这个资源对我来说很有用，内容描述详尽，值得借鉴。
