使用@keyframes规则，你可以创建动画。
创建动画是通过逐步改变从一个CSS样式设定到另一个。
在动画过程中，您可以更改CSS样式的设定多次。
指定的变化时发生时使用％，或关键字"from"和"to"，这是和0％到100％相同。
0％是开头动画，100％是当动画完成。
@keyframes mymove
{
0% {top:0px;}
25% {top:200px;}
50% {top:100px;}
75% {top:200px;}
100% {top:0px;}
}
Transform属性应用于元素的2D或3D转换。这个属性允许你将元素旋转，缩放，移动，倾斜等。
rotate(angle)定义 2D 旋转，在参数中规定角度。
rotate3d(x,y,z,angle)定义 3D 旋转。
transform:rotate(7deg);
animation:mymove 5s infinite;
loop 属性是一个 boolean（布尔） 属性。
loop 属性规定当视频结束后将重新开始播放。
如果设置该属性，则视频将循环播放。
muted 属性属于逻辑属性。
如被设置，则规定视频输出应该被静音。
src 属性描述了音频文件的地址 (URL)。
var li1 = document.getElementById('li1');
// js 0级事件
li1.onclick = function() {
console.log(li1.innerHTML);
};
// js 2级事件
document.addEventListener('click', function(e) {
console.log(e.target);
if (e.target.nodeName === 'LI') {
console.log(e.target.innerHTML);
}
}, false);
li1.addEventListener('click', function(e) {
console.log(e.target.innerHTML);
}, false);
function checkWin(){
if(!myWindow){
document.getElementById("msg").innerHTML="我的窗口没有被打开！";
}
else{
if(myWindow.closed){
document.getElementById("msg").innerHTML="我的窗口被关闭！"
document.getElementById("msg").innerHTML="我的窗口没有被关闭！";
} 口是否已被关闭。
window.defaultStatus="这是默认状态栏文本！";//defaultStatus设置或返回窗口状态栏中的默认文本。
//document对Document对象的只读引用
var x = document.activeElement.tagName//document.activeElement返回当前获取焦点元素
document.addEventListener("click",function(){
document.getElementById("demo").innerHTML = "Hello World";
});//document.addEventlistener()向文档添加句柄
var frame = document.getElementsByTagName("IFRAME")[0]
// var h = frame.c.document.getElementsByTagName("H1")[0];
var x = document.adoptNode(h);//document.adoptNode(node)从另外一个文档返回 adapded 节点到当前文档。
document.write(document.anchors.length);
document.write(document.anchors[0].innerHTML);//document.anchors返回对文档中所有 Anchor 对象的引用。
document.baseURI;//document.baseURI返回文档的绝对基础 URI
document.body.style.backgroundColor = "yellow";//document.body返回文档的body元素
document.close();//document.close()关闭用 document.open() 方法打开的输出流，并显示选定的数据。
document.write(document.cookie);//document.cookie设置或返回与当前文档有关的所有 cookie。
