function snow(left,height,src){
var div = document.createElement("div") //创建一个div节点
var img = document.createElement("img") //创建一个img节点
div.appendChild(img) //把img节点添加到div节点,相当于<div><img></img></div>
img.className = "roll" //为img指定类名roll
img.src = src //指定img图片路径
div.style.left=left+"px" //指定div的left值
div.style.height=height+"px" //指定div的height值
div.className="div" //为div指定类名div
document.getElementById("snowzone").appendChild(div) //把这个div添加到id为snowzone的元素中
setTimeout(function(){
document.getElementById("snowzone").removeChild(div)
},5000) //5秒后删除这个div
}
setInterval(function(){
var left = Math.random()*window.innerWidth //随机left
var height = Math.random()*window.innerHeight //随机width
var src = "s"+Math.floor(Math.random()*2+1)+".png" //随机图片
snow(left,height,src) //调用snow函数
},500)//每0.5秒执行一次
先来说说html的注释代码吧html注释是这样的格式:你的代码块
,可以单行注释,也可以注释多行;在sublime中的快捷键是
ctrl+shift+/
,如图所示;
html的注释很多方面是给某一段落做说明,不仅让自己以后维护方便,也给其他接手的同事“赏心悦目”的感觉,一看就懂,更方便以后管理代码;如图所示,每个模块都做好注释,看起来都舒服的多吧~;
当然需要注意的是,虽然html的注释格式是
你的代码块
,但如果遇到
#include
你的代码块
等代码,切忌千万小心,这段可不一样,它是段包含语句,是调用了其他文件的一段代码,千万可别删掉了。如图所示;
再说说css注释代码;css注释是这样的格式:
/*
你的css
*/,多数情况下也是用于说明,如图所示;
当然也可以在css代码里面注释,表示这段代码暂时“屏蔽”不用;如图所示;
再说说js的注释;js单行注释是这样的格式:
//
你的js代码;
可以用于说明你当前代码的用途啊、作用啊等等~;如图所示;
js还能注释多行代码,格式跟css注释一样:/*
你的js
*;
如图所示,把整段暂时不用的代码注释掉~