网页大作业仿《原神》官网 HTML+CSS
HTML小作业
这是一款国产游戏《原神》的介绍网站主要由“首页，宣传视频，照片墙，角色情报，玩家评论，pc端下载，关于，登录/注册”。首页用了弹性盒子，浮动布局，弹性布局并且超链接去除下划线等技术；宣传视频页面运用了滑动特效，视频盒子绝对定位，溢出隐藏，scale缩小等技术；照片墙用了固定定位，过渡效果var函数并且运用了伪类选择器来实现复选框默认被选中技术；角色情报对其中的文字介绍进行了绝对定位和溢出隐藏等；玩家评论正常流布局和溢出隐藏，用了js插入了背景音乐实现点击视口播放；pc端下载直接链接了官网下载超链接；关于页面用了iframe插入一首音乐并且@keyframe动画 注册/登录页面运用清除浮动和溢出隐藏等。
初次上传，如有错误，还希望大佬见谅指出，我来进行修改。
文件下载
资源详情
[{"title":"（ 49 个子文件 4.41MB ） 网页大作业仿《原神》官网 HTML+CSS","children":[{"title":"原神官网","children":[{"title":"picture.css <span style='color:#111;'> 1.46KB </span>","children":null,"spread":false},{"title":"photos","children":[{"title":"ld.jpg <span style='color:#111;'> 308.62KB </span>","children":null,"spread":false},{"title":"msds.jpg <span style='color:#111;'> 266.62KB </span>","children":null,"spread":false},{"title":"mht.jpg <span style='color:#111;'> 199.46KB </span>","children":null,"spread":false},{"title":"wskz.jpg <span style='color:#111;'> 108.37KB </span>","children":null,"spread":false}],"spread":true},{"title":"images","children":[{"title":"background.jpg <span style='color:#111;'> 139.83KB </span>","children":null,"spread":false},{"title":"zl.webp <span style='color:#111;'> 36.59KB </span>","children":null,"spread":false},{"title":"kl.webp <span style='color:#111;'> 52.43KB </span>","children":null,"spread":false},{"title":"pl1.jpg <span style='color:#111;'> 150.80KB </span>","children":null,"spread":false},{"title":"1.webp <span style='color:#111;'> 23.27KB </span>","children":null,"spread":false},{"title":"plbg.webp <span style='color:#111;'> 78.55KB </span>","children":null,"spread":false},{"title":"bt.png <span style='color:#111;'> 171B </span>","children":null,"spread":false},{"title":"kq.webp <span style='color:#111;'> 65.41KB </span>","children":null,"spread":false},{"title":"pl2.jpg <span style='color:#111;'> 50.80KB </span>","children":null,"spread":false},{"title":"bg3.png <span style='color:#111;'> 198.41KB </span>","children":null,"spread":false},{"title":"xcsp.png <span style='color:#111;'> 161.21KB </span>","children":null,"spread":false},{"title":"pl4.jpg <span style='color:#111;'> 13.33KB </span>","children":null,"spread":false},{"title":"pl3.jpg <span style='color:#111;'> 54.21KB </span>","children":null,"spread":false},{"title":"1.jfif <span style='color:#111;'> 1.79MB </span>","children":null,"spread":false},{"title":"bf.png <span style='color:#111;'> 2.92KB </span>","children":null,"spread":false},{"title":"xg.webp <span style='color:#111;'> 81.80KB </span>","children":null,"spread":false},{"title":"ls.webp <span style='color:#111;'> 72.91KB </span>","children":null,"spread":false},{"title":"mhytxz.png <span style='color:#111;'> 192B </span>","children":null,"spread":false},{"title":"wy.webp <span style='color:#111;'> 82.06KB </span>","children":null,"spread":false},{"title":"yl.webp <span style='color:#111;'> 76.47KB </span>","children":null,"spread":false},{"title":"lxz.webp <span style='color:#111;'> 51.16KB </span>","children":null,"spread":false},{"title":"gy.webp <span style='color:#111;'> 70.29KB </span>","children":null,"spread":false},{"title":"logo.png <span style='color:#111;'> 6.11KB </span>","children":null,"spread":false},{"title":"mihayou.png <span style='color:#111;'> 136.53KB </span>","children":null,"spread":false},{"title":"plbg2.webp <span style='color:#111;'> 49.74KB </span>","children":null,"spread":false},{"title":"ht.webp <span style='color:#111;'> 54.29KB </span>","children":null,"spread":false},{"title":"x.webp <span style='color:#111;'> 57.22KB </span>","children":null,"spread":false},{"title":"q.webp <span style='color:#111;'> 58.53KB </span>","children":null,"spread":false}],"spread":false},{"title":"video.css <span style='color:#111;'> 1.68KB </span>","children":null,"spread":false},{"title":"pl.css <span style='color:#111;'> 1.40KB </span>","children":null,"spread":false},{"title":"re.css <span style='color:#111;'> 2.75KB </span>","children":null,"spread":false},{"title":"about.css <span style='color:#111;'> 2.56KB </span>","children":null,"spread":false},{"title":"login.html <span style='color:#111;'> 9.38KB </span>","children":null,"spread":false},{"title":"picture.html <span style='color:#111;'> 3.66KB </span>","children":null,"spread":false},{"title":"index.html <span style='color:#111;'> 3.12KB </span>","children":null,"spread":false},{"title":"video.html <span style='color:#111;'> 1.19KB </span>","children":null,"spread":false},{"title":"jsqb.html <span style='color:#111;'> 6.39KB </span>","children":null,"spread":false},{"title":"pl.html <span style='color:#111;'> 3.04KB </span>","children":null,"spread":false},{"title":"re.html <span style='color:#111;'> 5.22KB </span>","children":null,"spread":false},{"title":"video","children":null,"spread":false},{"title":"jsqb.css <span style='color:#111;'> 1.43KB </span>","children":null,"spread":false},{"title":"about.html <span style='color:#111;'> 14.57KB </span>","children":null,"spread":false},{"title":"login.css <span style='color:#111;'> 2.79KB </span>","children":null,"spread":false},{"title":"readme.txt <span style='color:#111;'> 852B </span>","children":null,"spread":false},{"title":"main.css <span style='color:#111;'> 1.95KB </span>","children":null,"spread":false}],"spread":false}],"spread":true}]
评论信息
其他资源
- BluePrism基础学习资料中文
- ViewPager+GridView实现首页导航栏布局分页效果
- Android Programming: The Big Nerd Ranch Guide（第三版，完美文字pdf）
- 模型变形控制插件
- 程序员面试宝典 + 剑指Offer + 算法100题系列 + 15个经典算法打包下载
- 超级马里奥游戏音效素材
- Spring boot -- 基于AngularJS的网络商城系统
- usft_Auto_SysForeignKeyIndex.sql
- “有调节的中介模型”方法论报告——基于Hayes编制的process
- chromedriver.rar
- SEMI E4-0699 SEMI EQUIPMENT COMMUNICATIONS STANDARD 1 MESSAGE TRANSFER.docx
- qt Creator 快速入门
- Authorware作业1
- 系统分析师教程(非扫描，清晰)
- E2V的CMOS芯片 EV76C541数据手册
- 贪吃蛇（C++ ,graphics.h）
- Jira中zephyr插件
- 某驾校系统全站源码
- Hibernate核心包
- c语言实现离散的真值表判断、并交差集、判断二元关系、判断欧拉图
- 100种送货单格式(xls格式)
免责申明
【只为小站】的资源来自网友分享，仅供学习研究，请务必在下载后24小时内给予删除，不得用于其他任何用途，否则后果自负。基于互联网的特殊性，【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查；无论 【只为小站】 经营者是否已进行审查，用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场，基于网友分享，根据中国法律《信息网络传播权保护条例》第二十二条之规定，若资源存在侵权或相关问题请联系本站客服人员，zhiweidada#qq.com，请把#换成@，本站将给予最大的支持与配合，做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明
本站所有资源不代表本站的观点或立场，基于网友分享，根据中国法律《信息网络传播权保护条例》第二十二条之规定，若资源存在侵权或相关问题请联系本站客服人员，zhiweidada#qq.com，请把#换成@，本站将给予最大的支持与配合，做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明