<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>DeathGhost-我的店铺</title>
<meta name="keywords" content="DeathGhost,DeathGhost.cn,web前端设,移动WebApp开发" />
<meta name="description" content="DeathGhost.cn::H5 WEB前端设计开发!" />
<meta name="author" content="DeathGhost"/>
<link href="style/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/public.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jqpublic.js"></script>
<script type="text/javascript" src="js/cart.js"></script>
<script type="text/javascript" src="js/jquery.easyui.min.js"></script>
<script>
$(function(){
$('.title-list li').click(function(){
var liindex = $('.title-list li').index(this);
$(this).addClass('on').siblings().removeClass('on');
$('.menutab-wrap div.menutab').eq(liindex).fadeIn(150).siblings('div.menutab').hide();
var liWidth = $('.title-list li').width();
$('.shopcontent .title-list p').stop(false,true).animate({'left' : liindex * liWidth + 'px'},300);
});
$('.menutab-wrap .menutab li').hover(function(){
$(this).css("border-color","#ff6600");
$(this).find('p > a').css('color','#ff6600');
},function(){
$(this).css("border-color","#fafafa");
$(this).find('p > a').css('color','#666666');
});
});
var mt = 0;
window.onload = function () {
var Topcart = document.getElementById("Topcart");
var mt = Topcart.offsetTop;
window.onscroll = function () {
var t = document.documentElement.scrollTop || document.body.scrollTop;
if (t > mt) {
Topcart.style.position = "fixed";
Topcart.style.margin = "";
Topcart.style.top = "200px";
Topcart.style.right = "191px";
Topcart.style.boxShadow ="0px 0px 20px 5px #cccccc";
Topcart.style.top="0";
Topcart.style.border="1px #636363 solid";
}
else {
Topcart.style.position = "static";
Topcart.style.boxShadow ="none";
Topcart.style.border="";
}
}
}
</script>
<!--
Author: DeathGhost
Author URI: http://www.deathghost.cn
-->
</head>
<body>
<header>
<section class="Topmenubg">
<div class="Topnav">
<div class="LeftNav">
<a href="register.html">注册</a>/<a href="login.html">登录</a><a href="#">QQ客服</a><a href="#">微信客服</a><a href="#">手机客户端</a>
</div>
<div class="RightNav">
<a href="user_center.html">用户中心</a> <a href="user_orderlist.html" target="_blank" title="我的订单">我的订单</a> <a href="cart.html">购物车（0）</a> <a href="user_favorites.html" target="_blank" title="我的收藏">我的收藏</a> <a href="#">商家入驻</a>
</div>
</div>
</section>
<div class="Logo_search">
<div class="Logo">
<img src="images/logo.jpg" title="DeathGhost" alt="模板">
<i></i>
<span>西安市 [ <a href="#">莲湖区</a> ]</span>
</div>
<div class="Search">
<form method="get" id="main_a_serach" onsubmit="return check_search(this)">
<div class="Search_nav" id="selectsearch">
<a href="javascript:;" onClick="selectsearch(this,'restaurant_name')" class="choose">餐厅</a>
<a href="javascript:;" onClick="selectsearch(this,'food_name')">食物名</a>
</div>
<div class="Search_area">
<input type="search" id="fkeyword" name="keyword" placeholder="请输入您所需查找的餐厅名称或食物名称..." class="searchbox" />
<input type="submit" class="searchbutton" value="搜 索" />
</div>
</form>
<p class="hotkeywords"><a href="#" title="酸辣土豆丝">酸辣土豆丝</a><a href="#" title="这里是产品名称">螃蟹炒年糕</a><a href="#" title="这里是产品名称">牛奶炖蛋</a><a href="#" title="这里是产品名称">芝麻酱凉面</a><a href="#" title="这里是产品名称">滑蛋虾仁</a><a href="#" title="这里是产品名称">蒜汁茄子</a></p>
</div>
</div>
<nav class="menu_bg">
<ul class="menu">
<li><a href="index.html">首页</a></li>
<li><a href="list.html">订餐</a></li>
<li><a href="category.html">积分商城</a></li>
<li><a href="article_read.html">关于我们</a></li>
</ul>
</nav>
</header>
<!--Start content-->
<section class="Shop-index">
<article>
<div class="shopinfor">
<div class="title">
<img src="upload/wpjnewlogo.jpg" class="shop-ico">
<span>含山路外婆家</span>
<span>
<img src="images/star-on.png">
<img src="images/star-on.png">
<img src="images/star-on.png">
<img src="images/star-on.png">
<img src="images/star-off.png">
</span>
<span>4.8</span>
</div>
<div class="imginfor">
<div class="shopimg">
<img src="upload/cc.jpg" id="showimg">
<ul class="smallpic">
<li><img src="upload/cc.jpg" onmouseover="show(this)" onmouseout="hide()"></li>
</ul>
</div>
<div class="shoptext">
<p><span>地址：</span>陕西省西安市雁塔区丈八北路***号</p>
<p><span>电话：</span>029-88888888</p>
<p><span>特色菜品：</span>毛肚、牛丸、滑虾、羊肉、香辣虾...</p>
<p><span>优惠活动：</span>暂无信息</p>
<p><span>停车位：</span>4个停车位（免费）</p>
<p><span>营业时间：</span>09:00~22:00</p>
<p><span>WIFI：</span>免费WIFI</p>
<p><span>价格：</span>50元</p>
<div class="Button">
<a href="#ydwm"><span class="DCbutton">查看菜谱点菜</span></a>
</div>
<div class="otherinfor">
<a href="#" class="icoa"><img src="images/collect.png">收藏店铺（1293）</a>
<div class="bshare-custom"><a title="分享" class="bshare-more bshare-more-icon more-style-addthis">分享</a></div>
<script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/buttonLite.js#style=-1&uuid=&pophcol=1&lang=zh"></script><script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/bshareC0.js"></script>
</div>
</div>
</div>
<div class="shopcontent">
<div class="title2 cf">
<ul class="title-list fr cf ">
<li class="on">菜谱</li>
<li>累计评论（5）</li>
<li>商家详情</li>
<li>店铺留言</li>
<p><b></b></p>
</ul>
</div>
<div class="menutab-wrap">
<a name="ydwm">
<!--case1-->
<div class="menutab show">
<ul class="products">
<li>
<a href="detailsp.html" target="_blank" title="酸辣土豆丝">
<img src="upload/01.jpg" class="foodsimgsize">
</a>
<a href="#" class="item">
<div>
<p>酸辣土豆丝</p>
<p class="AButton">拖至购物车:￥50.00</p>
</div>
</a>
</li>
<li>
<a href="detailsp.html" target="_blank" title="酸辣土豆丝">
<img src="upload/02.jpg" class="foodsimgsize">
</a>
<a href="#" class="item">
<div>
<p>酸辣土豆丝</p>
<p class="AButton">拖至购物车:￥50.00</p>
</div>
</a>
</li>
<li>
<a href="detailsp.html" target="_blank" title="酸辣土豆丝">
<img src="upload/04.jpg" class="foodsimgsize">
</a>
<a href="#" class="item">
<div>
<p>酸辣土豆丝</p>
<p class="AButton">拖至购物车:￥50.00</p>
</div>
</a>
</li>
<li>
<a href="detailsp.html" target="_blank" title="酸辣土豆丝">
<img src="upload/03.jpg" class="foodsimgsize">
</a>
<a href="#" class="item">
<div>
<p>酸辣土豆丝</p>
<p class="AButton">拖至购物车:￥50.00</p>
</div>
</a>
</li>
<div class="TurnPage">
<a href="#">
<span class="Prev"><i></i>首页</span>
</a>
<a href="#"><span class="PNumber">1</span></a>
<a href="#"><span class="PNumber">2</span></a>
<a href="#">
<span class="Next">最
基于HTML实现的绿色的网上订餐系统(含HTML源代码+使用说明).zip
165 浏览量
2024-04-29
01:28:54
上传
评论
收藏 1.3MB ZIP 举报
基于HTML实现的绿色的网上订餐系统(含HTML源代码+使用说明).zip （77个子文件） 
detailsp.html 11KB register.html 7KB article_list.html 9KB user_favorites.html 6KB user_order.html 8KB user_message.html 7KB search_p.html 7KB
js 
jquery.easyui.min.js 350KB jqpublic.js 6KB cart.js 4KB public.js 2KB jquery.js 80KB reserve.html 8KB category.html 13KB shop.html 15KB style style.css 48KB list.html 13KB login.html 6KB user_orderlist.html 7KB user_coupon.html 6KB article_read.html 8KB user_center.html 7KB index.html 13KB search_s.html 7KB user_address.html 9KB respond.html 5KB confirm_order.html 11KB user_account.html 7KB images 
al_ico.jpg 694B
U-notice.png 1KB newaddress.png 669B dot.png 1KB prev.png 3KB star-off.png 1KB menu_bg_ico.png 32KB next.png 3KB
iphone_ico_d.gif 11KB share.png 2KB s-down.png 969B p-bg.png 146B 3_j.png 1020B logo.jpg 13KB by_button.png 6KB jf.png 2KB collect.png 2KB Android_ico_d.gif 11KB dc_button.png 6KB ddprice_bg.gif 3KB s-up.png 971B help-ico.png 2KB l_f_ico.png 5KB bg5.png 965B bank.png 42KB alipay.png 402B star-on.png 1KB search_ico.png 1KB cart.html 9KB upload 02.jpg 128KB wpjnewlogo.jpg 9KB dc.jpg 26KB ee.jpg 30KB 06.jpg 71KB captcha.png 3KB ggw.jpg 72KB 01.jpg 74KB dd.jpg 36KB weijia.jpg 7KB cc.jpg 31KB testuser.jpg 18KB 05.jpg 114KB 2014912.jpg 29KB 04.jpg 84KB 2014911.jpg 27KB testimg.jpg 73KB tds.jpg 33KB ad.jpg 43KB 03.jpg 96KB资源评论
