<!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网页设计期末作业 购物网站

共50个文件
jpg:37个
css:5个
html:5个

1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉

温馨提示
这其实是我的期末作业,上传到网上是为了造福广大计算机专业的同学们∠( ᐛ 」∠)_ 网页共分为五个子网页,分别为: 1.登录页面 2.主页 3.购物车 4.留言板 5.个人中心 其中主页完成度最高,可以单独拿出来使用(不过需要删掉登录验证模块) 网页实现的主要功能有: 1.登录及验证 2.轮播图 3.下拉菜单 4.倒计时 5.tab栏 6.固定导航栏 7.留言板 8.购物车(包括商品的添加、删除、结算等) 9.退出登录 详细的使用教程可以查看该文章: https://blog.csdn.net/weixin_47040861/article/details/124983102 编写网页前后共花费了我一个多星期的时间,希望能对大家有所帮助 祝大家期末不挂科(ง •̀_•́)ง
资源推荐
资源详情
资源评论























收起资源包目录
































































共 50 条
- 1

小辰代写
- 粉丝: 5657
上传资源 快速赚钱
我的内容管理 展开
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助


最新资源
- JAVA开发个人简历模板.pdf
- 2022软件测试面试笔试题.docx
- 2023年计算机基础真题整理.doc
- matlab通信仿真课程设计.doc
- 程序设计师个人年终工作总结.pptx
- 第9章-VBA与模块.ppt
- Matlab语言及其在电子信息工程中的应用第讲V.pptx
- 2023年网络搭建与应用技能竞赛实训室建设.doc
- 单片机原理与接口技术习题样本.doc
- XX移动媒体趋势报告中国网络媒体的未来完整版.ppt
- 单片机C语言基础ppt课件.ppt
- 单片机课程设计报告LED显示电子钟.doc
- IPMP项目管理培训项目管理综合应用案例.pptx
- 产业技术创新战略联盟项目管理办法.doc
- PMP考试计算题汇总(可编辑修改word版).docx
- 2023年计算机等级考试一级选择题套附答案.doc
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈



安全验证
文档复制为VIP权益,开通VIP直接复制

- 1
- 2
- 3
- 4
- 5
- 6
前往页