HTML作业-蛋糕店

news/2024/11/23 2:41:57/

HTML作业期末作业期末大作业-蛋糕店 


<!doctype html>
<html>
<head>
<meta name="keywords" content="甜爱，SweetLove,甜品，甜点，生日蛋糕，冰淇淋，冰品"/>
<meta name="description" content="甜爱网上商城是专注于甜品销售、进口的网站，各种甜品、甜点齐全，还有解暑的各种冰品任顾客挑选，让他们感受到爱的温馨。">
<meta charset="utf-8">
<title>我的甜品，你的爱~</title>
<link rel="shortcut icon" href="images/logo_01.png">
<link rel="stylesheet" href="css/index.css">
<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="js/LiftEffect.js"></script>
<style>a, a:visited {color: #E54028;text-decoration: none;
}
a:hover {color: #c22d18;cursor: pointer;
}
*{margin: 0;padding: 0;}body{height: 6000px;}.lift-nav{position: fixed;top: 100px;left: 30px;display: none;}.lift-nav li{width: 30px;height: 30px;text-align: center;line-height: 30px;color: #fff;padding: 10px 10px;margin-bottom: 10px;background: skyblue;cursor: pointer;}.lift-nav li.current{background:rgb(255,87,34);}/*.t1,.t2,.t3,.t4,.t5,.t6{width: 800px;height: 400px;text-align: center;line-height: 400px;background: skyblue;margin: 100px auto;font-size: 30px;color: #fff;}.t1{margin-top: 200px;}.t2{background: pink;}.t3{background: tomato;}.t4{background: grey;}.t5{background: yellow;}.t6{background: seagreen;}*/</style><!--Required libraries-->
<script src="js/jquery-v1.10.2.min.js" type="text/javascript"></script>
<script src="js/modernizr-custom-v2.7.1.min.js" type="text/javascript"></script>
<script src="js/jquery-finger-v0.1.0.min.js" type="text/javascript"></script>
<!--Include flickerplate-->
<link href="css/flickerplate.css"  type="text/css" rel="stylesheet">
<script src="js/flickerplate.min.js" type="text/javascript"></script>
<!--Execute flickerplate-->
<script>
$(document).ready(function(){$('.flicker-example').flicker();
});
</script>
</head><body>
<!--页头-->
<div id="headCon"><div><p>我的甜品 你的爱~</p><ol><li><a href="login.html">请登录</a></li><li><a href="register.html">注册</a></li><a href="order.html">我的订单</a><a href="shoppingCar.html" class="shoppingCar"><i></i><span>购物车（0）</span></a></ol></div><ul><a href="#"><li></li></a><ol><li><a href="#" class="first">首页</a></li><li><a href="western.html">西式甜品</a></li><li><a href="HongKong.html">港式甜品</a></li><li><a href="#">中式甜品</a></li><li><a href="#">日式甜品</a></li><li class="search"><input value="提拉米苏"><button></button></li></ol></ul><div class="flicker-example" data-block-text="false"><ul><li data-background="images/banner_02.jpg"></li><li data-background="images/banner3.jpg"></li><li data-background="images/banner05.png"></li></ul></div>
</div>
<!--内容-->
<!--<div class="lift-nav"><ul class="lift"><li>1楼</li><li>2楼</li><li>3楼</li><li>4楼</li><li>5楼</li><li>6楼</li></ul>
</div>--><!--<div class="lift-target"><div class="t1">这是1楼</div><div class="t2">这是2楼</div><div class="t3">这是3楼</div><div class="t4">这是4楼</div><div class="t5">这是5楼</div><div class="t6">这是6楼</div>
</div>-->
<div id="contentCon"><ul><li class="quan"><div></div><p>会员领券</p></li><li class="gexing"><div></div><p>个性定制</p></li><li class="fuli"><div></div><p>优惠福利</p></li></ul><ol><li><a href="list.html" class="yoghourt"></a><p>伏格雷</p><div><span>推荐</span><p>哈根达斯月饼风味酸奶冰淇淋</p></div></li><li class="pic02"><a href="list.html" class="dip"></a><p>歌帝梵</p><div><span>推荐</span><p>Dipping点蘸系列</p></div></li><li class="pic03"><a href="list.html" class="zhongjie"></a><p>中街1946</p><div><span>推荐</span><p>回归童年系列冰品</p></div></li><li class="pic04"><a href="list.html" class="vivi"></a><p>Vivi Dolce</p><div><span>推荐</span><p>糖果色系化妆品冰淇淋</p></div></li></ol><div class="t1"><ul><li></li><p>爱之使者</p><a href="list.html">+MORE</a></ul><ol><li class="ice"><a href="list.html"></a><div>乌云红心冰淇淋</div></li><li class="zhenzi"><a href="xiangqing.html"></a><div class="container"><a href="western.html" class="dangao"><p>爱心小蛋糕</p></a><a href="western.html" class="bang"><p>星空棒棒糖</p></a></div></li><li class="makalong"><a href="western.html"></a><div>爱心马卡龙</div></li></ol></div><div class="t2"><ul><li></li><p>饭后小憩</p><a href="HongKong.html">+MORE</a></ul><ol><li class="paofu"><a href="xiangqing.html"><div><span></span><p>泡芙</p></div></a></li><li><ol><a href="xiangqing.html" class="quqi"><div><p>坚<br>果<br>曲<br>奇</p></div></a><a href="xiangqing.html" class="paofu"><div><p>牛<br>油<br>泡<br>芙</p></div></a><a href="xiangqing.html" class="niuiaobao"><div><p>牛<br>角<br>包</p></div></a></ol><ol><a href="HongKong.html" class="banji"><div><p>芒<br>果<br>班<br>戟</p></div></a><a href="HongKong.html" class="danta"><div><p>葡<br>式<br>蛋<br>挞</p></div></a><a href="HongKong.html" class="moti"><div><p>抹<br>茶<br>摩<br>提</p></div></a></ol></li></ol></div><div class="t3"><ul><li></li><p>夏日良品</p><a href="xiangqing.html">+MORE</a></ul><ol><li class="left"><a href="xiangqing.html"></a></li><li><ol><li><a href="xiangqing.html" class="shumei"><div><span><p>八宫格</p><i></i><div>树莓棒冰</div></span></div></a><a href="xiangqing.html" class="shuiguo"><div><span><p>自制系列</p><i></i><div>水果棒冰</div></span></div></a></li></ol><ol><li><a href="xiangqing.html" class="ha"><div><span><p>哈根达斯</p><i></i><div>巧克力冰淇淋</div></span></div></a><a href="xiangqing.html" class="xu"><div><span><p>许留山</p><i></i><div>芒果冰淇淋</div></span></div></a></li></ol></li><li class="right"><a href="xiangqing.html"><div><p>新品上市</p><i></i><span>薰衣草冰品</span></div></a></li></ol></div><div class="t4"><ul><li></li><p>养生系列</p><a href="xiangqing.html">+MORE</a></ul><ol><li><a href="xiangqing.html" class="tao"></a></li><li><a href="xiangqing.html" class="shanyao"><div><p>红豆山药糕</p></div></a><a href="xiangqing.html" class="gui"><div><p>龟 苓 膏</p></div></a></li></ol></div><div class="t5"><ul><li></li><p>美味蛋糕</p><a href="xiangqing.html">+MORE</a></ul><ol><li><a href="xiangqing.html"></a></li><li><ul class="chuangyi"><div>创意</div></ul><ul class="youya"><div>优雅</div></ul><ul class="tongqu"><div>童趣</div></ul><ul class="ziran"><div>自然</div></ul></li></ol></div><div class="t6"><ul><li></li><p>中秋团圆</p><a href="xiangqing.html">+MORE</a></ul><ol><li><div class="meixin"><ul><h2>流心月饼开创者</h2><p>送精致鸡蛋卷</p><a href="xiangqing.html"><p>进店看看</p><div>&gt;</div></a></ul></div><div class="wufang"><ul><h2>百年匠心品质</h2><p>送绿豆冰糕礼盒</p><a href="xiangqing.html"><p>进店看看</p><div>&gt;</div></a></ul></div></li><li><div class="bandao"><ul><h2>奶黄月饼开创者</h2><p>送购物袋心意卡</p><a href="xiangqing.html"><p>进店看看</p><div>&gt;</div></a></ul></div><div class="danxiang"><ul><h2>白莲蓉月饼首创</h2><p>送广式风味甜品</p><a href="xiangqing.html"><p>进店看看</p><div>&gt;</div></a></ul></div></li></ol><div></div></div><div class="jingxuan"><ul><p>本周精选专题</p><li></li><span>足不出户，吃遍全球</span></ul><ol><a href="xiangqing.html"><li></li></a><a href="xiangqing.html"><div></div></a></ol></div>
</div>
<!--页脚-->
<div id="footCon"><ul><li><div class="cold"></div><span></span><ol><h2>18小时低温</h2><p>全程冷链配送</p></ol></li><li><div class="wuxiu"></div><span></span><ol><h2>7*24小时营业</h2><p>全年无休</p></ol></li><li><div class="baoyou"></div><span></span><ol><h2>满88包邮</h2><p>次日送达</p></ol></li></ul><ol><li><i></i><a href="#">www.1234567.com</a><div><a href="http://www.weibo.com" class="weibo"></a><a href="http://wx.qq.com" class="weixin"></a></div></li><ul><li class="text01"><p>关于甜爱</p><span></span><a href="#">媒体报道</a><a href="#">知识产权</a><a href="#">加入我们</a></li><li><p>帮助中心</p><span></span><a href="#">购物指南</a><a href="#">订单管理</a><a href="#">常见问题</a></li><li><p>服务支持</p><span></span><a href="#">服务保障</a><a href="#">用户协议</a><a href="#">售后服务</a></li><li><p>商业合作</p><span></span><a href="#">集合采购</a><a href="#">品牌合作</a><a href="#">媒体合作</a></li></ul><div><p>联系我们</p><h2>400-8888-000</h2><span>24小时服务热线</span><a href="#">在线客服</a></div></ol><div></div><li><p>Copyright © 2020</p><span>版权所有</span></li>
</div>
<script>$(function(){LiftEffect({"control1": ".lift-nav", 						  //侧栏电梯的容器"control2": ".lift",                           //需要遍历的电梯的父元素"target": [".t1",".t2",".t3",".t4",".t5",".t6"], //监听的内容，注意一定要从小到大输入"current": "current" 						  //选中的样式});})
</script>
</body>
</html>

部分网页截图 


http://www.ppmy.cn/news/588699.html

相关文章

1190:生日蛋糕

1190:生日蛋糕

搜索剪枝 参考&#xff1a;https://blog.csdn.net/yopilipala/article/details/74999144 //搜索剪枝 #include <iostream> #include <cmath> using namespace std;int ans INT_MAX;//初始化 int N, M;//剩余层数m&#xff0c;剩余体积leftV&#xff0c;下层半径p…
阅读更多...
c语言生日蛋糕图案,适合妈妈的生日蛋糕，送妈妈的生日蛋糕图片

c语言生日蛋糕图案,适合妈妈的生日蛋糕，送妈妈的生日蛋糕图片

来源&#xff1a;七彩蛋糕网 妈妈&#xff0c;这应该是我们很多人&#xff0c;自小学会的第一句话。也是我们长大后喊得最多的一句话。据说上帝创造母亲是因为他不能无处不在。她给我们生命&#xff0c;给我们更好的照顾&#xff0c;保护年轻人。当我们的翅膀越来越丰富时&…
阅读更多...
mcake蛋糕预订图片

mcake蛋糕预订图片

下载地址&#xff1a;https://download.csdn.net/download/qq_28205917/87383299
阅读更多...
孝感蛋糕

孝感蛋糕

这个看脸的时代 颜值有多高&#xff0c;bigger就有多高 孝感有个蛋糕大咖明明可以靠实力 却非要“不务正业”&#xff0c;专刷颜值 憋说话&#xff0c;用心感受着颜值 有人说 每个爱吃甜品的人&#xff0c;都温柔地爱着生活 记住身边人的生日 为他们精心准备生日蛋糕 繁忙工作…
阅读更多...
蛋糕店 题解

蛋糕店 题解

蛋糕店 题解 题目 最近小 G G G 新开了一家蛋糕店。开业第一天&#xff0c;一共来个 n n n 位顾客。由于小 G G G 非常懒&#xff0c;他每次只会接待一位顾客。每个顾客都想尽快的买到蛋糕&#xff0c;所以没有第 一个买到蛋糕的顾客都会有一个愤怒值。最终排在第 i i i …
阅读更多...
双层莓子蛋糕

双层莓子蛋糕

一、蛋糕胚 1、烤箱预热&#xff1a;170度 2、纸模准备&#xff1a;用烘培纸制作22 22 高3cm的纸模&#xff08;用锡箔纸制作纸模的挡边&#xff09; 3、打发鸡蛋&#xff1a;将两个鸡蛋打入打蛋盆内&#xff0c;加入70g绵白糖搅拌均匀&#xff0c;放入热水锅内隔着温水&a…
阅读更多...
蛋糕

蛋糕

题目大意 CJY很喜欢吃蛋糕&#xff0c;于是YJC弄到了一块蛋糕&#xff0c;现在YJC决定和CJY分享蛋糕。 这块蛋糕上有n^2颗葡萄干&#xff0c;排成了一个n*n的点阵&#xff0c;每颗葡萄干互不相同且被编号为1~n^2。YJC决定沿着一条直线把蛋糕切成两份。YJC和CJY都很喜欢吃葡萄…
阅读更多...
纯HTML5 CSS3制作生日蛋糕

纯HTML5 CSS3制作生日蛋糕

以一个前端开发的身份绘制一个简单的蛋糕庆祝一下今天这个好日子吧&#xff0c;程序员庆生的乐趣与哀愁啊。写的比较简陋&#xff0c;感兴趣的看一下吧。 先发个效果图吧 蛋糕分为三个部分&#xff0c;底部蛋糕&#xff0c;顶层蛋糕和蜡烛部分。HTML的布局结构也是按照这三部分…
阅读更多...
最新文章

Copyright @ 2022~2023