【编程游戏】贺岁放礼花。（点燃续帖1-106楼cgisir的焰火）

来源：互联网发布：运维常用python脚本编辑：程序博客网时间：2024/05/01 06:50

【编程游戏】贺岁放礼花。（第一名奖励10000可用分）
作者：

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

<!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=gb2312" /><title>烟火</title><style>    html{height:100%; overflow:hidden}    body{background:black; height:100%}    .left{border-left:3px solid red; border-top:3px solid black; border-bottom:3px solid black}    .top{border-left:3px solid black; border-top:3px solid red; border-right:3px solid black}    .right{border-top:3px solid black; border-bottom:3px solid black; border-right:3px solid red}    .bottom{border-left:3px solid black; border-bottom:3px solid red; border-right:3px solid black}    .left2{border-left:3px solid yellow; border-top:3px solid black; border-bottom:3px solid black}    .top2{border-left:3px solid black; border-top:3px solid yellow; border-right:3px solid black}    .right2{border-top:3px solid black; border-bottom:3px solid black; border-right:3px solid yellow}    .bottom2{border-left:3px solid black; border-bottom:3px solid yellow; border-right:3px solid black}    div{position:absolute; overflow:hidden; width:0; height:0}</style><script>    var Browser ={        IE:     !!(window.attachEvent && !window.opera),        Opera:  !!window.opera,        WebKit: navigator.userAgent.indexOf('AppleWebKit/') > -1,        Gecko:  navigator.userAgent.indexOf('Gecko') > -1 && navigator.userAgent.indexOf('KHTML') == -1,        MobileSafari: !!navigator.userAgent.match(/Apple.*Mobile.*Safari/)    }    Object.extend = function(destination, source) {      for (var property in source)        destination[property] = source[property];      return destination;    }    var Element = {        setOpacity: function(val){            if(Browser.IE){                this.style.filter = 'alpha(opacity='+val+')';            }else{                this.style.opacity = parseFloat(val/100);            }        }    }        //var m=1, ms=12, r = 1;    function start(pos){        var angel = pos.m&1 && 30 || 60;        for(var i=0; i<6; i++){            angel += 60;            createStart({x:pos.x, y:pos.y, r:pos.r, angel: angel, m:pos.m, c:pos.c});        }        pos.m++        if(pos.m>pos.ms) return;        var o = arguments.callee;        setTimeout(function(){o(pos)},10);    }    function createStart(pos){        var d = document.createElement('div');            Object.extend(d, Element);            d.className = colors[Math.floor(Math.random()*8)];            //d.className= pos.c;            d.style.left = pos.x - parseInt(pos.r*Math.sin(pos.angel*2*Math.PI/360)) + 'px';            d.style.top = pos.y - parseInt(pos.r*Math.cos(pos.angel*2*Math.PI/360)) + 'px';            document.body.appendChild(d);            d.n = 1+pos.m*1.6;            d.o = 150;            d.op = d.o/d.n;            d.play = function(pos){                this.n--;                pos.r += this.n/0.5;                pos.y -= this.n-12;                d.style.left = pos.x - parseInt(pos.r*Math.sin(pos.angel*2*Math.PI/360)) + 'px';                d.style.top = pos.y - parseInt(pos.r*Math.cos(pos.angel*2*Math.PI/360)) + 'px';                this.o = this.o - this.op;                this.setOpacity(this.o);                if(this.n<=0){                    clearInterval(this.t);                    document.body.removeChild(this);                }            }            pos.m *= 5;            d.t = setInterval(function(){d.play.call(d,pos)}, 5+pos.m);    }    function bp(){        var x = document.documentElement.scrollWidth, y = document.documentElement.scrollHeight;        var d = document.createElement('div');            d.style.fontSize=12;            //d.style.color = colors[Math.floor(Math.random()*6)];            d.h = y;            d.style.borderLeft='3px solid red';            d.style.height='3px';            d.e = Math.floor(Math.random()*300)            d.s = 30;            d.style.top = y + 'px';            d.style.left = Math.floor(Math.random()*x) + 'px';            document.body.appendChild(d);            d.t = setInterval(function(){re(d)}, 25)    }    function re(o,par){        o.s<=10?o.s=10:o.s--;        o.style.top = o.offsetTop - o.s*1.5 + 'px'        if(o.offsetTop < o.h/2-o.e){            clearInterval(o.t);            start({m:1, ms:8, r:1, x:o.offsetLeft, y:o.offsetTop, c:null});            document.body.removeChild(o);        }    }        var colors = ['left','left2','right', 'right2', 'top','top2', 'bottom', 'bottom2'];onload = function(){        setInterval(bp, 500);}</script></head><body><div style="z-index:999; border:1px solid #666;  height:118px; width:500px; left:50%; top:50%; margin-left:-250px; margin-top:-58px; text-align:center; font-size:35px; line-height:118px; font-weight:bold; color:red">新年快乐! 万事如意!</div></body></html>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]