英雄联盟之作品笔记
来源:互联网 发布:海报拼图软件 模板 编辑:程序博客网 时间:2024/04/19 07:50
大致介绍
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]);
main1.html
大区选择界面,主要功能是利用DOM操作对英雄联盟各大区进行切换,确认选择后页面跳转到游戏界面(英雄联盟官方游戏网页)。
zzdl.html、zzdl1.html
目的是为了让页面跳转衔接的自然一些
- <meta http-equiv=”refresh” content=”3;url=main1.html”>
若没有url值,则页面三秒后刷新,加上url值,页面三秒后会跳转
另附 [ HTML 5的革新之一:语义化标签一节元素标签 ]
- 不要滥用DIV标签
以上
阅读全文
0 0
- 英雄联盟之作品笔记
- 英雄联盟之盖伦
- 英雄联盟之策略很重要
- 【无限互联】 学院作品: LOL掌上英雄联盟
- 英雄联盟之谁与争锋
- 英雄联盟之谁与争锋2
- 惊天战纪之英雄联盟_pdf_txt淘宝惊天战纪之英雄联盟_pdf_txt
- LOL(英雄联盟)的历史之S1赛季
- 玩英雄联盟有感
- 英雄联盟 无法登陆
- 英雄联盟,再见!
- 1140 -- 英雄联盟阵营
- 大帆玩英雄联盟
- 大帆玩英雄联盟
- 大帆玩英雄联盟
- 第九周大帆玩英雄联盟
- 大帆玩英雄联盟
- 大帆玩英雄联盟
- C++ 引用
- Java时间格式
- springmvc学习笔记(10)-springmvc注解开发之商品修改功能
- C++继承浅析
- Kafka入门经典教程
- 英雄联盟之作品笔记
- Codeforces 868C
- js之字典的学习和使用
- springmvc学习笔记(11)-springmvc注解开发之简单参数绑定
- Java中运行表达式return 1.0/0.0会发生什么?return 1/0会发生什么?
- Android开源框架之AsyncHttpClient
- 最最最经典的背包九讲【dd大牛】
- 进阶
- springmvc学习笔记(12)-springmvc注解开发之包装类型参数绑定