js烟花特效_html-js-css

概述js烟花特效

下面是内存溢出 jb51.cc 通过网络收集整理的代码片段。

内存溢出小编现在分享给大家，也给大家做个参考。

<!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><Meta http-equiv="Content-Type" content="text/HTML; charset=gbk" /><Title>JavaScript烟花丨Showcoo|秀客丨showcoo.net</Title><script type="text/JavaScript">var showcoo = function(){ this.size = 40; this.speed = 0.1; this.rise();}showcoo.prototype = { color:function(){  var c = ['0','3','6','9','c','f'];  var t = [c[Math.floor(Math.random()*100)%6],'0','f'];  t.sort(function(){return Math.random()>0.5?-1:1;});  return '#'+t.join(''); },aheight:function(){  var h = document.documentElement.clIEntHeight;  return Math.abs(Math.floor(Math.random()*h-200))+201; },firecracker:function(){  var b = document.createElement('div');  var w = document.body.clIEntWIDth;  b.style.color = this.color();  b.style.position = 'absolute';  b.style.bottom = 0;  b.style.left = Math.floor(Math.random()*w)+1+'px';  document.body.appendChild(b);  return b; },rise:function(){  var o = this.firecracker();  var n = this.aheight();  var speed = this.speed;  var e = this.expl;  var s = this.size;  var k = n;  var m = function(){   o.style.bottom = parsefloat(o.style.bottom)+k*speed+'px';   k-=k*speed;   if(k<2){    clearInterval(clear);    e(o,n,s,speed);   }  }  o.INNERHTML = '*';  if(parseInt(o.style.bottom)<n){   var clear = setInterval(m,20);  } },expl:function(o,speed){  var R = n/3;  var Ri = n/6;  var r = 0;  var ri = 0;  for(var i=0;i<s;i++){   var span = document.createElement('span');   var p = document.createElement('p');   span.style.position = 'absolute';   span.style.left = 0;   span.style.top = 0;   span.INNERHTML = '*';   p.style.position = 'absolute';   p.style.left = 0;   p.style.top = 0;   p.INNERHTML = '+';   o.appendChild(span);   o.appendChild(p);  }  function spr(){   r += R*speed;   ri+= Ri*speed/2;   sp = o.getElementsByTagname('span');   p = o.getElementsByTagname('p');   for(var i=0; i<sp.length;i++){    sp[i].style.left=r*Math.cos(360/s*i)+'px';    sp[i].style.top=r*Math.sin(360/s*i)+'px';    p[i].style.left=ri*Math.cos(360/s*i)+'px';    p[i].style.top=ri*Math.sin(360/s*i)+'px';   }   R-=R*speed;   if(R<2){    clearInterval(clearI);    o.parentNode.removeChild(o);   }  }  var clearI = setInterval(spr,20); }}window.onload = function(){ function happyNewYear(){  new showcoo(); } setInterval(happyNewYear,400);}</script><style type="text/CSS"></style></head><body ></body></HTML><Font color="white"><p align="center">本特效由 <a href="http://www.showcoo.net">Showcoo|秀客</a>提供</p></Font>

以上是内存溢出(jb51.cc)为你收集整理的全部代码内容，希望文章能够帮你解决所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

总结

以上是内存溢出为你收集整理的js烟花特效全部内容，希望文章能够帮你解决js烟花特效所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: https://outofmemory.cn/web/1091008.html