<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>主页</title>
<link rel="stylesheet" type="text/css" href="主页.css">
<script src="jQuery/jquery-3.6.0.min.js"></script>
</head>
<body>
<div class="top">
<div style="width: 980px;">
<a class="biaoti" href="主页.html">辰龙游戏</a>
<a class="suoyin">商店</a>
<a class="suoyin">社区</a>
<a class="suoyin">关于</a>
<a class="suoyin">客服</a>
<a class="suoyin" href="购物车.html">购物车</a>
<a class="denglu" style="color: rgb(0, 204, 255);" href="个人中心.html">欢迎用户:用户名</a>
</div>
</div>
<div class="middle">
<p style="height: 20px;"></p>
<div class="top2">
<a>您的商店
<ul>
<li>主页</li>
<li>偏好</li>
<li>探索</li>
<li>新品</li>
</ul>
</a>
<a>新鲜推荐
<ul>
<li>热销商品</li>
<li>当前特惠</li>
<li>最近更新</li>
<li>即将推出</li>
</ul>
</a>
<a>类别
<ul>
<li>动作</li>
<li>策略</li>
<li>冒险</li>
<li>休闲</li>
<li>角色扮演</li>
<li>更多类别</li>
</ul>
</a>
<a>新闻
<ul>
<li>实时热点</li>
<li>最新资讯</li>
<li>官方消息</li>
</ul>
</a>
<div class="sousuo">
<input>
<button>搜索</button>
</div>
</div>
<div style="margin: auto;width: 900px;">
<div class="middle1">
<p>精选推荐</p>
<div class="lunbo" style="display: block;">
<img src="img/刺客信条:英灵殿/英灵殿1.jpg">
<div class="xiaotu">
<p>刺客信条:英灵殿</p>
<img src="img/刺客信条:英灵殿/英灵殿1.jpg">
<img src="img/刺客信条:英灵殿/英灵殿2.jpg">
<img src="img/刺客信条:英灵殿/英灵殿3.jpg">
<img src="img/刺客信条:英灵殿/英灵殿4.jpg">
<div>
《刺客信条:英灵殿》(Assassin's Creed Valhalla) 是一款由育碧蒙特利尔工作室开发,育碧发行的动作冒险 类电子游戏。本作是《刺客信条》系列的第12部主要作品。
</div>
<p>¥249 <button onclick="ying()">添加到购物车</button></p>
</div>
</div>
<div class="lunbo">
<img src="img/只狼:影逝二度/只狼1.jpg">
<div class="xiaotu">
<p>只狼:影逝二度</p>
<img src="img/只狼:影逝二度/只狼1.jpg">
<img src="img/只狼:影逝二度/只狼2.jpg">
<img src="img/只狼:影逝二度/只狼3.jpg">
<img src="img/只狼:影逝二度/只狼4.jpg">
<div>
《只狼:影逝二度(Sekiro:Shadows Die Twice)》是一款由From Software制作的第三人称视角的动作冒险RPG类游戏,玩家将操控一位忍者,拯救他的主人——拥有日本贵族血统的大能的皇子,并向他的天敌复仇。
</div>
<p>¥268 <button onclick="zhi()">添加到购物车</button> <a href="留言板.html">查看详情</a></p>
</div>
</div>
<div class="lunbo">
<img src="img/尼尔:机械纪元/尼尔1.jpg">
<div class="xiaotu">
<p>尼尔:机械纪元</p>
<img src="img/尼尔:机械纪元/尼尔1.jpg">
<img src="img/尼尔:机械纪元/尼尔2.jpg">
<img src="img/尼尔:机械纪元/尼尔3.jpg">
<img src="img/尼尔:机械纪元/尼尔4.jpg">
<div>
《尼尔:机械纪元》是由史克威尔艾尼克斯与白金工作室双方联合开发的M级动作冒险游戏,为《尼尔:伪装者》和《尼尔:完全形态》的续作。
</div>
<p>¥274 <button onclick="Nier()">添加到购物车</button></p>
</div>
</div>
<div class="lunbo">
<img src="img/荒野大镖客/大镖客1.jpg">
<div class="xiaotu">
<p>荒野大镖客2</p>
<img src="img/荒野大镖客/大镖客1.jpg">
<img src="img/荒野大镖客/大镖客2.jpg">
<img src="img/荒野大镖客/大镖客3.jpg">
<img src="img/荒野大镖客/大镖客4.jpg">
<div>
《Red Dead Redemption 2》,简称RDR2,是Rockstar San Diego工作室制作,Rockstar公司发行的一款以美国西部拓荒史为题材的动作冒险类开放世界游戏,为2010年该公司发行的《Red Dead Redemption》的正统续作。
</div>
<p>¥249 <button onclick="huang()">添加到购物车</button></p>
</div>
</div>
<ul class="hengtiao">
<li style="background-color: whitesmoke;">1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
<button onclick="bo()" style="float: right;margin: 0 10px;">滚动播放</button>
</div>
<div class="middle2">
<p>特别优惠
<a id="showtime"></a>
</p>
<div style="height: 400px;">
<img src="img/特别优惠/图片1.jpg">
<p>周末特惠!</p>
<br/>
<p><a>最高可省-80%</a></p>
</div>
<div style="height: 400px;">
<img src="img/特别优惠/图片2.jpg">
<p>周末特惠!</p>
<br/>
<p><a>-20%</a></p>
</div>
<div style="height: 190px;">
<img src="img/特别优惠/图片3.jpg">
<p>今日特惠!</p>
<p><a>-33%</a></p>
</div>
<div style="height: 190px;">
<img src="img/特别优惠/图片4.jpg">
<p>今日特惠!</p>
<p><a>-60%</a></p>
</div>
</div>
<div class="middle3">
<p>游戏分类</p>
<p>
<button onclick="change(0)">动作</button>
<button onclick="change(1)">冒险</button>
<button onclick="change(2)">模拟</button>
<button onclick="change(3)">生存</b
没有合适的资源?快使用搜索试试~ 我知道了~
javascript网页设计期末作业 购物网站
![preview](https://csdnimg.cn/release/downloadcmsfe/public/img/white-bg.ca8570fa.png)
共50个文件
jpg:37个
css:5个
html:5个
![preview-icon](https://csdnimg.cn/release/downloadcmsfe/public/img/scale.ab9e0183.png)
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
![star](https://csdnimg.cn/release/downloadcmsfe/public/img/star.98a08eaa.png)
温馨提示
这其实是我的期末作业,上传到网上是为了造福广大计算机专业的同学们∠( ᐛ 」∠)_ 网页共分为五个子网页,分别为: 1.登录页面 2.主页 3.购物车 4.留言板 5.个人中心 其中主页完成度最高,可以单独拿出来使用(不过需要删掉登录验证模块) 网页实现的主要功能有: 1.登录及验证 2.轮播图 3.下拉菜单 4.倒计时 5.tab栏 6.固定导航栏 7.留言板 8.购物车(包括商品的添加、删除、结算等) 9.退出登录 详细的使用教程可以查看该文章: https://blog.csdn.net/weixin_47040861/article/details/124983102 编写网页前后共花费了我一个多星期的时间,希望能对大家有所帮助 祝大家期末不挂科(ง •̀_•́)ง
资源推荐
资源详情
资源评论
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![md](https://img-home.csdnimg.cn/images/20210720083646.png)
![doc](https://img-home.csdnimg.cn/images/20210720083327.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![md](https://img-home.csdnimg.cn/images/20210720083646.png)
![md](https://img-home.csdnimg.cn/images/20210720083646.png)
![md](https://img-home.csdnimg.cn/images/20210720083646.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
收起资源包目录
![package](https://csdnimg.cn/release/downloadcmsfe/public/img/package.f3fc750b.png)
![folder](https://csdnimg.cn/release/downloadcmsfe/public/img/folder.005fa2e5.png)
![folder](https://csdnimg.cn/release/downloadcmsfe/public/img/folder.005fa2e5.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/UNKNOWN.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/HTML.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/UNKNOWN.png)
![folder](https://csdnimg.cn/release/downloadcmsfe/public/img/folder.005fa2e5.png)
![folder](https://csdnimg.cn/release/downloadcmsfe/public/img/folder.005fa2e5.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/PNG.png)
![folder](https://csdnimg.cn/release/downloadcmsfe/public/img/folder.005fa2e5.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/UNKNOWN.png)
![folder](https://csdnimg.cn/release/downloadcmsfe/public/img/folder.005fa2e5.png)
![folder](https://csdnimg.cn/release/downloadcmsfe/public/img/folder.005fa2e5.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![folder](https://csdnimg.cn/release/downloadcmsfe/public/img/folder.005fa2e5.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![folder](https://csdnimg.cn/release/downloadcmsfe/public/img/folder.005fa2e5.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![folder](https://csdnimg.cn/release/downloadcmsfe/public/img/folder.005fa2e5.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![folder](https://csdnimg.cn/release/downloadcmsfe/public/img/folder.005fa2e5.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![folder](https://csdnimg.cn/release/downloadcmsfe/public/img/folder.005fa2e5.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![folder](https://csdnimg.cn/release/downloadcmsfe/public/img/folder.005fa2e5.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/HTML.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/UNKNOWN.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/UNKNOWN.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/HTML.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/UNKNOWN.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/HTML.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/HTML.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/UNKNOWN.png)
共 50 条
- 1
![avatar](https://profile-avatar.csdnimg.cn/0e10739d263d4105ac9e960bc484ca65_weixin_47040861.jpg!1)
小辰代写
- 粉丝: 3551
- 资源: 65
![benefits](https://csdnimg.cn/release/downloadcmsfe/public/img/vip-rights-1.c8e153b4.png)
下载权益
![privilege](https://csdnimg.cn/release/downloadcmsfe/public/img/vip-rights-2.ec46750a.png)
C知道特权
![article](https://csdnimg.cn/release/downloadcmsfe/public/img/vip-rights-3.fc5e5fb6.png)
VIP文章
![course-privilege](https://csdnimg.cn/release/downloadcmsfe/public/img/vip-rights-4.320a6894.png)
课程特权
![rights](https://csdnimg.cn/release/downloadcmsfe/public/img/vip-rights-icon.fe0226a8.png)
开通VIP
上传资源 快速赚钱
我的内容管理 展开
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助
![voice](https://csdnimg.cn/release/downloadcmsfe/public/img/voice.245cc511.png)
![center-task](https://csdnimg.cn/release/downloadcmsfe/public/img/center-task.c2eda91a.png)
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
![feedback](https://img-home.csdnimg.cn/images/20220527035711.png)
![feedback](https://img-home.csdnimg.cn/images/20220527035711.png)
![feedback-tip](https://img-home.csdnimg.cn/images/20220527035111.png)
安全验证
文档复制为VIP权益,开通VIP直接复制
![dialog-icon](https://csdnimg.cn/release/downloadcmsfe/public/img/green-success.6a4acb44.png)
- 1
- 2
- 3
- 4
- 5
- 6
前往页