英雄联盟之作品笔记

最新推荐文章于 2021-11-16 16:48:48 发布

jqkla

最新推荐文章于 2021-11-16 16:48:48 发布

阅读量623

点赞数

分类专栏：作品文章标签：自我介绍

本文链接：https://blog.csdn.net/jqkla/article/details/78163152

版权

作品专栏收录该内容

1 篇文章 0 订阅

订阅专栏

大致介绍

项目	内容
index.html	英雄联盟首页,该页面拥有两个子框架main.html和music.html
music.html	英雄联盟背景音乐页面
main.html	英雄联盟登录页面，该页面高度还原英雄联盟六周年庆典时的客户端界面布局，登录后页面会跳转到zzdl.html
main1.html	英雄联盟大区选择页面，选择一个大区并确定后，页面会跳转到zzdl1.html
zzdl.html	正在登录页面，三秒后页面会跳转到main1.html
zzdl1.html	正在登录页面，三秒后页面会跳转到英雄联盟官方网页游戏界面

index.html

设计两个子框架的目的是为了让游戏登陆界面转到大区选择界面时，不影响背景音乐的播放。

**<frameset>**

[ frameset标签详解 ]这其中有一点和我实际情况不一样，frameborder我用在frameset标签里得到的是我想要的结果
[ 使用iframe的优缺点，为什么少用iframe以及iframe和frame的区别 ]
[IFrame和Ajax比较，IFrameAjax比较 ]
<noframes>元素可为那些不支持框架的浏览器显示文本,noframes 元素位于 frameset 元素内部。……<noframes><body>您的浏览器无法处理框架</body></noframes>
scrolling属性控制的是滚动条，它有三个值，auto、yes、no

music.html

为英雄联盟提供背景音乐

**<audio>**

autoplay: 如果出现该属性，则音频在就绪后马上播放
controls: 如果出现该属性，则向用户显示控件，比如播放按钮
loop: 如果出现该属性，则每当音频结束时重新开始播放
preload: 如果出现该属性，则音频在页面加载时进行加载，并预备播放。如果使用 “autoplay”，则忽略该属性
src: 要播放的音频的 URL

main.html

英雄联盟登录界面，主要功能是用JS实现的表单登录，对文本框中的内容是否为空，长度是否符合要求进行判断，并且不符合后会有相应的提示信息，另外还有一个重要的功能，就是当表单中内容符合要求后，会对默认的账号密码进行匹配，若不符合条件，则通过DOM操作弹出一个提示信息，该信息出现后用户将不能对表单进行操作，按下提示信息的确认按钮后，再通过DOM操作将提示信息删除，用户方可重新输入账号密码。

position属性

相对定位relative：指的是相对于元素的默认位置进行定位
绝对定位absolute：指的是相对于 static 定位以外的第一个父元素进行定位
固定定位fixed：指的是相对于浏览器窗口进行定位
设置元素的形状clip：clip:rect(top, width, height, left)用于裁剪绝对定位的元素，例如裁剪一个绝对定位的图片，top和left指的是裁剪区域与图片上左的距离，width和height指的是裁剪区域的宽和高
设置元素的优先级Z-index：默认为0
继承父元素的值inherit：一个属性的值为inherit，则继承其父元素该属性的值
opacity：设置 div 元素的不透明级别
cursor：规定要显示的光标的类型（形状）。
vertical-align ：设置元素的垂直对齐方式。

document.getElementById("alert1").innerHTML="";
var ID = document.getElementById("ID").value;

var button=document.createElement("input");
button.setAttribute("type","button");
button.setAttribute("class","button1 hand");
button.onclick= function (){
var thisNode=document.getElementById("tsxx");
var node=document.getElementById("main");
node.removeChild(thisNode)};

div1.appendChild(div2).appendChild(div3).appendChild(button);
main.insertBefore(div1,main.childNodes[1]);