javascript 闪烁的圣诞树实现代码

<html> 
<head> 
<title>christree</title> 
</head> 
<body style="background:#111"> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20type%3D'text%2Fjavascript'%3E%20%0D%0Avar%20%24%20%3D%20function()%7B%20%0D%0Avar%20dom%20%3D%20%7B%7D%3B%20%0D%0Areturn%20%7B%20%0D%0Aget%20%3A%20function(%24)%7B%20%0D%0Aif(!dom%5B%24%5D)%20dom%5B%24%5D%20%3D%20document.getElementById(%24)%3B%20%0D%0Areturn%20dom%5B%24%5D%3B%20%0D%0A%7D%20%0D%0A%2Capply%20%3A%20function(s%2Ct%2Cd)%7B%20%0D%0Aif(t%20%26%26%20typeof%20t%20%3D%3D%20'object')%20%24.apply(s%2Cd)%20%0D%0Aif(s%20%26%26%20t%20%26%26%20typeof%20s%20%3D%3D%20'object'%20%26%26%20typeof%20t%20%3D%3D%20'object')%7B%20%0D%0Afor(var%20i%20in%20t)%7Bs%5Bi%5D%20%3D%20t%5Bi%5D%7D%20%0D%0A%7D%20%0D%0Areturn%20s%3B%20%0D%0A%7D%20%0D%0A%2CcreateEl%20%3A%20function(attribute%2Ctag)%7B%20%0D%0Aif(!tag)%20tag%20%3D%20%22DIV%22%3B%20%0D%0Avar%20el%20%3D%20document.createElement(tag)%3B%20%0D%0A%24.apply(el%2Cattribute)%3B%20%0D%0Areturn%20el%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%7D()%20%0D%0Avar%20chrisTree%20%3D%20function(params)%7B%20%0D%0A%24.apply(this.param%2Cparams%20%7C%7C%20%7B%7D)%20%0D%0Athis.__construct()%3B%20%0D%0A%7D%20%0D%0AchrisTree.prototype%20%3D%20%7B%20%0D%0Aparam%20%3A%20%7B%7D%20%0D%0A%2C__construct%20%3A%20function()%7B%20%0D%0Avar%20x%20%3D%20this.param.x%2Cy%20%3D%20this.param.y%2Cxy%3D%5B%5D%3B%20%0D%0Afor(var%20i%3D0%3Bi%3C7%3Bi%2B%2B)%7B%20%0D%0Axy%20%3D%20this.createTree(x%2Cy%2Ci%2F4)%20%0D%0Ax%20%3D%20xy%5B0%5D%3B%20%0D%0Ay%20%3D%20xy%5B1%5D%3B%20%0D%0A%7D%20%0D%0Athis.createRoot(x%2Cy%2Cxy%5B2%5D)%3B%20%0D%0A%7D%20%0D%0A%2CcreateTree%20%3A%20function(x%2Cy%2Clevel)%7B%20%0D%0Avar%20lel%20%3D%20level%20%7C%7C%200.1%20%0D%0Afor(i%3D0%3Bi%3C110*lel%3Bi%2B%3D10)%7B%20%0D%0Afor(j%3Di-10%3Bj%3C2*i%3Bj%2B%3D10)%7B%20%0D%0A%0D%0Avar%20el%20%3D%20%24.createEl(%7B%20%0D%0Aid%20%3A%20%22div_%22%2Bx%2B%22_%22%2Bi%2B%22_%22%2By%2B%22_%22%2Bj%20%0D%0A%7D%2C%22span%22)%3B%20%0D%0A%0D%0Ael.style.cssText%20%3D%20%22width%3A5px%3Bheight%3A5px%3Bposition%3Aabsolute%3Bleft%3A%22%2B(x%20-%20i*3%2F2%20%2B%20j)%2B%22%3Btop%3A%22%2B(y%2Bi)%2B%22%3Bfont-size%3A0px%3Bbackground%3A%2300ff00%22%3B%20%0D%0A%0D%0Adocument.body.appendChild(el)%3B%20%0D%0A%0D%0Aif(j%20%3D%3D%20i-10)%20this.lightUp(el.id%2Cx%20-%20i*3%2F2%20%2B%20j%2Cy%2Bi)%3B%20%0D%0A%7D%20%0D%0A%0D%0Athis.lightUp(el.id%2Cx%20-%20i*3%2F2%20%2B%20j%2Cy%2Bi)%3B%20%0D%0A%7D%20%0D%0Areturn%20%5Bthis.param.x%2Cthis.param.y%2B110*lel%2Cy%2Bi%5D%20%0D%0A%7D%20%0D%0A%2CcreateRoot%20%3A%20function(x%2Cy%2Cl)%7B%20%0D%0Afor(var%20i%20%3D%200%3Bi%3C50%3Bi%2B%2B)%7B%20%0D%0Avar%20el%20%3D%20%24.createEl(%7B%20%0D%0Aid%20%3A%20%22div_%22%2Bx%2B%22_%22%2Bi%2B%22_%22%2By%2B%22_%22%2Bj%20%0D%0A%7D%2C%22span%22)%3B%20%0D%0A%0D%0Ael.style.cssText%20%3D%20%22width%3A5px%3Bheight%3A5px%3Bposition%3Aabsolute%3Bleft%3A%22%2Bx%2B%22%3Btop%3A%22%2B(l%2Bi)%2B%22%3Bfont-size%3A0px%3Bbackground%3A%23fff%22%3B%20%0D%0A%0D%0Adocument.body.appendChild(el)%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%2CcreateText%20%3A%20function(text)%7B%20%0D%0Avar%20el%20%3D%20%24.createEl(%7B%20%0D%0Aid%20%3A%20%22text%22%20%0D%0A%2CinnerHTML%20%3A%20text%20%0D%0A%2Calign%3A'center'%20%0D%0A%7D)%20%0D%0Ael.style.cssText%20%3D%20%22color%3A%23fff%3Bbackground%3A%23fff%3Amargin%3A4px%3Bpadding%3A3px%3Btop%3A500px%3Bleft%3A500%3Bfont-size%3A20px%3Bposition%3Aabsolute%22%3B%20%0D%0A%0D%0Adocument.body.appendChild(el)%3B%20%0D%0A%0D%0A%7D%20%0D%0A%2ClightUp%20%3A%20function(id%2Cx%2Cy)%7B%20%0D%0Avar%20self%20%3D%20this%2Ci%3D0%3B%20%0D%0AsetTimeout(function()%7B%20%0D%0Ai%2B%2B%3B%20%0D%0A%24.get(id).style.background%20%3D%20self.lightColor%5Bi%25self.lightColor.length%5D%3B%20%0D%0AsetTimeout(arguments.callee%2C200)%3B%20%0D%0A%7D%2Cthis.param.howToShine(x%2Cy))%20%0D%0A%7D%20%0D%0A%2ClightColor%20%3A%20%5B'%23ff0000'%2C%22%2300ff00%22%2C%22%23ffff00%22%2C%22%23ff6600%22%2C%22%2366ff00%22%5D%20%0D%0A%0D%0A%7D%20%0D%0A%0D%0Anew%20chrisTree(%7B%20%0D%0Ax%20%3A%20400%20%0D%0A%2Cy%20%3A%2050%20%0D%0A%2ChowToShine%20%3A%20function(x%2Cy)%7Breturn%20100%2Bx-y%7D%20%0D%0A%7D)%20%0D%0A%0D%0Anew%20chrisTree(%7B%20%0D%0Ax%20%3A%20600%20%0D%0A%2Cy%20%3A%2050%20%0D%0A%2ChowToShine%20%3A%20function(x%2Cy)%7Breturn%20Math.sqrt(x*x-2*x*y%2By*y)*10%7D%20%0D%0A%7D)%20%0D%0Avar%20ct%20%3D%20new%20chrisTree(%7B%20%0D%0Ax%20%3A%20800%20%0D%0A%2Cy%20%3A%2050%20%0D%0A%2ChowToShine%20%3A%20function(x%2Cy)%7Breturn%20x%2By%7D%20%0D%0A%7D)%3Bct.createText('Merry%20chrismas!%3A)))))')%3B%20%0D%0A%3C%2Fscript%3E">

</body> 
</html>

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

教程首页更多教程