html 刷新div_HTML悬浮星星：

（今天给大家分享一个小玩意）

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta name="description" content=""><meta name="viewport" content="width=device-width, initial-scale=1"><title></title></head><style>body{margin: 0;}video{position: fixed;right: 0;bottom: 0;min-width: 100%;min-height: 100%;width: auto;height: auto;z-index: -9999;}* { margin: 0; padding: 0; border: 0; } html,body{margin: 0;}@-webkit-keyframes STAR-MOVE {from {background-position:0% 0%}to { background-position: 600% 0%}}@keyframes STAR-MOVE {from {background-position: 10% 0%}to { background-position: 600% 0%}}.wall{position: absolute;top: 0;left: 0;bottom: 0;right: 0;}div#background{background: black url('img/background.png' ) repeat-x 5% 0%;/*background-size: cover;*/-webkit-animation: STAR-MOVE  200s linear infinite;-moz-animation: STAR-MOVE  200s linear infinite;-ms-animation: STAR-MOVE  200s linear infinite;animation: STAR-MOVE  200s linear infinite;}div#midground{background:url('img/midground.png')repeat 20% 5%;z-index: 1;-webkit-animation: STAR-MOVE  100s linear infinite;-moz-animation: STAR-MOVE  100s linear infinite;-ms-animation: STAR-MOVE  100s linear infinite;animation: STAR-MOVE  100s linear infinite;}div#foreground{background:url('img/foreground.png')repeat 35% 0%;z-index: 2;-webkit-animation: STAR-MOVE  50s linear infinite;-moz-animation: STAR-MOVE  50s linear infinite;-ms-animation: STAR-MOVE  50s linear infinite;animation: STAR-MOVE  50s linear infinite;}</style><body><div class="yi"></div><div id="background" class="wall"></div><div id="midground" class="wall"></div><div id="foreground" class="wall"><marquee scrollamount="12px" class="a1"><font color="lightyellow"><em><h6>没有</h6></em></font></marquee><marquee direction="right" scrollamount="10px"><font color="lightyellow"><strong>msk</strong></font></marquee><marquee direction="left" scrollamount="14px"><font color="lightyellow"><h6><dfn>特</h6></dfn></font></marquee><marquee direction="up" scrollamount="16px"><font color="lightyellow"><h6>别的</h6></font></marquee><marquee direction="left" scrollamount="14px"><font color="lightyellow"><h6><dfn>天分</h6></dfn></font></marquee><marquee direction="right" scrollamount="14px"><font color="lightyellow"><h6><dfn>就</h6></dfn></font></marquee><marquee direction="left" scrollamount="14px"><font color="lightyellow"><h6><dfn>特</h6></dfn></font></marquee><marquee direction="up" scrollamount="14px"><font color="lightyellow"><h6><dfn>别</h6></dfn></font></marquee><marquee direction="left" scrollamount="14px"><font color="lightyellow"><h6><dfn>努</h6></dfn></font></marquee><marquee direction="left" scrollamount="14px"><font color="lightyellow"><h6><dfn>*</h6></dfn></font></marquee><marquee direction="right" scrollamount="14px"><font color="lightyellow"><h6><dfn>*</h6></dfn></font></marquee><marquee direction="up" scrollamount="14px"><font color="lightyellow"><h6><dfn>*</h6></dfn></font></marquee><marquee direction="left" scrollamount="14px"><font color="lightyellow"><h6><dfn>*</h6></dfn></font></marquee><marquee direction="" scrollamount="14px"><font color="lightyellow"><h6><dfn>*</h6></dfn></font></marquee><marquee direction="right" scrollamount="14px"><font color="lightyellow"><h6><dfn>*</h6></dfn></font></marquee><marquee direction="right" scrollamount="14px"><font color="lightyellow"><h6><dfn>*</h6></dfn></font></marquee><marquee direction="right" scrollamount="14px"><font color="lightyellow"><h6><dfn>*</h6></dfn></font></marquee></div></body>
</html>
<!--<video autoplay="autoplay" style="width: 100%;"><source src="img/msk.mp4"></source></video>-->

可以把<marquee>的度删除！

1. BOM和DOM入门

(1) 请说出DOM对象和BOM对象的关系

答：BOM对象包含window,也可以说你可以把BOM看成Window,window下面包含的对象内容有一个就是DOM，可以说DOM是BOM的一个内容，DOM是BOM的文档文本型数据！
BOM 是为了操作浏览器出现的 API，window 是其根对象。
DOM 是为了操作文档出现的 API，document 是其根对象。

(2) 请说出BOM对象中包含的对象内容

答：history，navigator,document,location,screen!

2. BOM对象-window

(1) 常见的弹框方式有几种，请分别说出他们的使用场景

答：三种！
1. 只含有确定按钮的弹框，可以用来提示用户！
2. 带确认和取消的弹框，可以用来做出选择！
3. 带可以输入内容的弹框，可以让人输入密码，或者给建议!

(2) 请说出setTimeout和setInterval的区别和联系，并且说出他们的使用场景

答：用在定时器里面，setTimeout的作用是调用某个方法去执行，每间隔(自定义时间)则去执行一次，只能调用一次！
setInterval的作用是调用某个方法去执行，每隔(自定义时间)则去执行一次，可以调用多次！

(3) 请说出open方法的作用和使用场景。

答：打开一个新的浏览器窗口或者查找一个已命名的窗口！

3. BOM对象-location-history-navigator

(1) 请列举location对象中常用的方法

答：reload() 方法用于重新加载当前文档。
assign() 方法可加载一个新的文档。
replace() 方法可用一个新文档取代当前文档。

(2) 请说出window.history.go(args); 请说出args值分取 0 , 2 , -2 的含义

答：0代表刷新本页面！2是正数，就代表前进两个页面，-2是负数就代表后退；两个页面！
正数代表的是前进，负数代表的后退！

(3) 请如何获得屏幕的分辨率

答：function 方法名(){
Var 高度=window.screen.height;
Var 宽度=window.screen.width;
Alter(高度+宽度);
}

4. DOM结构节点类型

(1) 请简述DOM节点的分类有哪些

答：具体三大类；
1. 元素节点，
2. 属性节点
3. 文本内容节点！
还可以细分为：
文档节点：document
元素节点！
属性节点！
文本节点！
注释节点！

(2) 节点之间的关系有哪些

答：DOCUMENT下的根元素是HTML，HTML整体分为两部分，一个是head，一个是body，head是用来显示参数的，body里面的内容是显示在客户眼前的，
Head元素里面又有一个标题元素title，是一个文档还有一个编码格式meta！
Body元素里面重要的又有两个元素，一个是a等文本样式，一个是h1-6，a等文本样式里面又包含属性，h1-6是文本样式！
具体地说就是：
父子关系（parent-child）：<html> 元素作为父级，
<head> 和 <body> 元素作为子级
兄弟关系（Sibling）:<a> 和 <h1> 元素就是兄弟关
系;<title> 和 <h1> 元素并不是兄弟关系

(3) 请简述我们都可以操作DOM对象的哪些内容

答：1.查询元素（进行操作元素、或者元素的属性、文本）
2.操作文本
3.操作属性
4.操作CSS样式（一个特殊的属性style）
5.操作元素

5. DOM编程获得元素的方式

(1) 如何获得id 名称为 inw2的所有元素对象

答：运用ID去直接获得！
Var 变量名=window.document.getElementById(“inw2”);

(2) 如何获得当前节点对象的下一个节点对象，不包含空白节点元素

答：var 变量名=为标准的id.nextElementSibling;
获得上一个节点，不包含空白元素：
Var 变量名 =为标准的id.previousElementSinling；

(3) 请写出常使用的间接获得对象的方式

答：
获得div下的所有的子节点空白的文本也是一个节点
var child= div.childNodes;
获得当前节点的父级节点---直系父节点
var parent= inp.parentNode;
获得下一个节点！
var 变量名=为标准的id.nextElementSibling;
var 变量名=为标准的id.nextSibling.nextSibling;
获得上一个节点：
Var 变量名 =为标准的id.previousElementSinling；
Var 变量名 =为标准的id.previousSinling.previousSinling；

html 刷新div_HTML悬浮星星：相关推荐

表格插件-BootStrapTable
属性 (Options) 基本使用 $('#tableID').bootstrapTable({}) 表的各项(Table options ) 定义在 jQuery.fn.bootstrapTable ...
Android 开发小作：Minofo(2)
本文作为 Minofo 开发的第二篇文章,详细介绍了高德地图 API 的使用,包括地图 SDK 和定位 SDK 的用法,实现了 Minofo 的地图模块.另外还介绍了用车面板的实现以及利用 OkHt ...
Material Design【Android-Toolbar，滑动菜单，悬浮按钮，卡片布局，下拉刷新和可折叠式标题栏及案例】
文章目录 Material Design--界面设计 1.Toolbar,标题栏 2.滑动菜单 3.悬浮按钮和可交互提示 4.卡片布局 5.下拉刷新 6.可折叠式标题栏 Material Design ...
股票盯盘助手（才152KB），支持悬浮并置顶，支持拖到任务栏，支持更改刷新频率
这里写自定义目录标题股票盯盘工具(才153KB),非破解版,可以悬浮任意桌面任意位置(包含任务栏) 下载作品截图股票盯盘工具(才153KB),非破解版,可以悬浮任意桌面任意位置(包含任务栏) 正 ...
ios系统元素悬浮滑动错乱，和ios页面无故刷新问题
1.ios系统元素悬浮滑动显示错乱今天测试同学给我找了一个bug,好家伙,本来就是一个普普通通的悬浮效果但是在ios 15上滑动的时候,悬浮图片居然分身了....., 经过测试发现新版的iphon ...
悬浮框支持可拖动（已解决拖动后刷新回到原点的问题）
以下是个人封装控件进行可拖动的一个函数,直接调用就可以,代码如下: private static int screenWidth; private static int screenHeight; p ...
android 刷新某条数据_Android 支持刷新、加载更多、带反弹效果的RecyclerView
点击上方"Android技术杂货铺",选择"标星" 干货文章,第一时间送达! 开篇当前市面上很多支持刷新.加载更多RecyclerView开源库,为何我这里还 ...
Activity悬浮并可拖动(访悬浮歌词)
强烈推荐: 最无私的Android资料(书籍+代码)分享-不要积分(求置顶) http://www.eoeandroid.com/thread-80891-1-1.html 大量项目源码分享 http ...
mpvue 小程序如何开启下拉刷新，上拉加载?
https://developers.weixin.qq.com/miniprogram/dev/api/pulldown.html#onpulldownrefresh 小程序API 微信小程序之下拉 ...

html 刷新div_HTML悬浮星星：

1. BOM和DOM入门

(1) 请说出DOM对象和BOM对象的关系

(2) 请说出BOM对象中包含的对象内容

(1) 常见的弹框方式有几种，请分别说出他们的使用场景

(2) 请说出setTimeout和setInterval的区别和联系，并且说出他们的使用场景

(3) 请说出open方法的作用和使用场景。

(1) 请列举location对象中常用的方法

(2) 请说出window.history.go(args); 请说出args值分取 0 , 2 , -2 的含义

(3) 请如何获得屏幕的分辨率

4. DOM结构节点类型

(1) 请简述DOM节点的分类有哪些

(2) 节点之间的关系有哪些

(3) 请简述我们都可以操作DOM对象的哪些内容

5. DOM编程获得元素的方式

(1) 如何获得id 名称为 inw2的所有元素对象

(2) 如何获得当前节点对象的下一个节点对象，不包含空白节点元素

(3) 请写出常使用的间接获得对象的方式

html 刷新div_HTML悬浮星星：相关推荐

最新文章

热门文章