js星空效果代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title>星空效果_www.glzy8.com</title> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<style type="text/css"> 
 
</style> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20type%3D%22text%2Fjavascript%22%3E%20%0D%0A%3C!--%20%0D%0Atry%7B%20%0D%0Avar%20winSize%20%3D%20%7B%20%0D%0Awidth%3Adocument.documentElement.clientWidth%2C%20%0D%0Aheight%3Adocument.documentElement.clientHeight%20%0D%0A%7D%20%0D%0Avar%20MooSky%20%3D%20function(options)%7B%20%0D%0Athis.options%20%3D%20options%3B%20%0D%0Athis.stars%20%3D%20new%20Array()%3B%20%0D%0Athis.show%20%3D%20function()%7B%20%0D%0Afor(var%20i%3D0%3Bi%3Cthis.options.num%3Bi%2B%2B)%7B%20%0D%0Avar%20newStar%20%3D%20new%20MooStar(%7B%20%0D%0Acontainer%20%3A%20this.options.container%20%0D%0A%7D)%3B%20%0D%0AnewStar.fly()%3B%20%0D%0Athis.stars%5Bi%5D%20%3D%20newStar%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%7D%20%0D%0Avar%20MooStar%20%3D%20function(options)%7B%20%0D%0Athis.options%20%3D%20options%3B%20%0D%0Aif(!!this.options.container)%7B%20%0D%0Athis.container%20%3D%20document.getElementById(this.options.container)%3B%20%0D%0A%7Delse%7B%20%0D%0Athis.container%20%3D%20document.body%3B%20%0D%0A%7D%20%0D%0Athis.baseSpeed%20%3D%2010%3B%20%0D%0Avar%20o%20%3D%20this%3B%20%0D%0Athis.speed%20%3D%20Math.round(Math.random()*this.baseSpeed)%2B1%3B%20%0D%0Athis.dom%20%3D%20document.createElement('DIV')%3B%20%0D%0Athis.dom.className%20%3D%20'star'%3B%20%0D%0Aif(!!this.options.container)%7B%20%0D%0Avar%20left%20%3D%20Math.round(Math.random()*this.container.offsetWidth-1)%3B%20%0D%0Avar%20top%20%3D%20Math.round(Math.random()*this.container.offsetHeight-1)%3B%20%0D%0Athis.dom.style.left%20%3D%20left%2B'px'%3B%20%0D%0Athis.dom.style.top%20%3D%20top%2B'px'%3B%20%0D%0Athis.container.appendChild(this.dom)%3B%20%0D%0A%7Delse%7B%20%0D%0Athis.dom.style.left%20%3D%20Math.random()*winSize.width-1%2B'px'%3B%20%0D%0Athis.dom.style.top%20%3D%20Math.random()*winSize.height-1%2B'px'%3B%20%0D%0Adocument.body.appendChild(this.dom)%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0AMooStar.prototype.fly%20%3D%20function()%7B%20%0D%0Aif(this.dom.offsetLeft%3C0)%7B%20%0D%0Aif(!!this.options.container)%7B%20%0D%0Avar%20left%20%3D%20this.container.offsetWidth-1%3B%20%0D%0Avar%20top%20%3D%20Math.round(Math.random()*this.container.offsetHeight)-1%3B%20%0D%0Athis.dom.style.left%20%3D%20left%2B'px'%3B%20%0D%0Athis.dom.style.top%20%3D%20top%2B'px'%3B%20%0D%0A%7Delse%7B%20%0D%0Athis.dom.style.left%20%3D%20winSize.width-1%2B'px'%3B%20%0D%0Athis.dom.style.top%20%3D%20Math.random()*winSize.height-1%2B'px'%3B%20%0D%0A%7D%20%0D%0A%7Delse%7B%20%0D%0Avar%20left%20%3D%20this.dom.offsetLeft-this.speed%3B%20%0D%0Aif(left%3C0)%20%7B%20%0D%0Athis.speed%20%3D%20Math.round(Math.random()*this.baseSpeed)%2B1%3B%20%0D%0Aif(!!this.options.container)%7B%20%0D%0Aleft%20%3D%20this.container.offsetWidth-1%3B%20%0D%0Avar%20top%20%3D%20Math.random()*this.container.offsetHeight-1%3B%20%0D%0Athis.dom.style.top%20%3D%20top%2B'px'%3B%20%0D%0A%7Delse%7B%20%0D%0Aleft%20%3D%20winSize.width-1%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0Athis.dom.style.left%20%3D%20left%2B'px'%3B%20%0D%0Avar%20self%20%3D%20this%3B%20%0D%0AsetTimeout(function()%7Bself.fly()%7D%2Cthis.speed)%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0Awindow.onload%20%3D%20function()%7B%20%0D%0Avar%20mooSky1%20%3D%20new%20MooSky(%7B%20%0D%0Anum%3A30%2C%20%0D%0Acontainer%20%3A%20'skyContainer1'%20%2F%2F%E5%A6%82%E6%9E%9C%E4%B8%8D%E5%A3%B0%E6%98%8Econtainer%EF%BC%8C%E5%88%99%E6%98%AF%E7%BB%99document.body%E5%AE%9E%E7%8E%B0%20%0D%0A%7D)%3B%20%0D%0AmooSky1.show()%3B%20%0D%0Avar%20mooSky2%20%3D%20new%20MooSky(%7B%20%0D%0Anum%3A20%2C%20%0D%0Acontainer%20%3A%20'skyContainer2'%20%0D%0A%7D)%3B%20%0D%0AmooSky2.show()%3B%20%0D%0A%2F*%20%0D%0A%2F%2F%E8%BF%99%E6%98%AF%E7%BB%99body%E7%94%A8%E7%9A%84%20%0D%0Avar%20mooSky3%20%3D%20new%20MooSky(%7B%20%0D%0Anum%3A20%20%0D%0A%7D)%3B%20%0D%0AmooSky3.show()%3B%20%0D%0A*%2F%20%0D%0A%7D%20%0D%0Awindow.onresize%20%3D%20function()%7B%20%0D%0AwinSize%20%3D%20%7B%20%0D%0Awidth%3Adocument.documentElement.clientWidth%2C%20%0D%0Aheight%3Adocument.documentElement.clientHeight%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%7Dcatch(e)%7B%20%0D%0Aalert(e.description)%3B%20%0D%0A%7D%20%0D%0A%2F%2F--%3E%20%0D%0A%3C%2Fscript%3E"> 
</head> 
<body scroll=no bgcolor=#000000> 
<div id='skyContainer1' style="height:100px;background-color:#222222;overflow:hidden;font-size:70px;color:#FFFF00;font-weight:bolder">ABCD</div> 
<div id='skyContainer2' style="position:absolute;left:200px;top:200px;width:500px;height:100px;background-color:#222222;"></div> 
</body> 
</html>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

教程首页更多教程