伴水之剑

伴水笔记

用户操作

[留言] [发消息] [加为好友]

订阅我的博客

[编辑]zswang的公告

hello world!

[编辑]文章分类

[编辑]备份连接

伴水之剑Blog (RSS)

何丽Blog

存档

【编程游戏】贺岁放礼花。（点燃续帖2-147楼xiuyouxu的焰火）（请在IE下运行）收藏

< type="text/javascript"> 【编程游戏】贺岁放礼花。（第一名奖励10000可用分）
作者：
[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行] <html> <body bgcolor='#000000'> <script type="text/javascript"> base = { config : function(o, c) { for (var i in c) { o[i] = c[i]; } }, get : function(id) { return document.getElementById(id); }, createDiv : function(divId) { var obj = document.createElement('div'); obj.setAttribute('id', divId); return obj; }, getCssText : function(id) { if (typeof id == 'string') { var node = this.get(id); return node.style.cssText; } else { return id.style.cssText } }, setCssText : function(id, style) { if (typeof id == 'string') this.get(id).style.cssText = style; else id.style.cssText = style }, replaceSubstring : function(str, substr, newstr) { var b = str.indexOf(substr); var e = b + substr.length; var l = str.substring(0, b); var r = (e + 1) < str.length ? str.substring(e, str.length) : ''; return l + newstr + r; }, changeStyleByProperty : function(oldstyle, prop, newValue) { var b = oldstyle.indexOf(prop); var e = oldstyle.indexOf(';', b); var bc = oldstyle.substring(b, e + 1); var ns = prop + ':' + newValue + ';' return this.replaceSubstring(oldstyle, bc, ns); } } pongpong = function(c) { base.config(this, c); this.ball = ['○', '●', '★', '■', '◆', '▲']; this.g = 1; this.color = ['red', 'orange', 'yellow', 'green', 'blue', 'purple', 'pink']; // this.x = Math.floor(document.body.clientWidth / 2); this.y = document.body.clientHeight - 40; this.maxHeight = document.body.clientHeight - 50; this.maxInitialV = Math.floor(Math.sqrt(2 * this.g * this.maxHeight)); this.minInitialV = Math.floor(Math .sqrt(2 * this.g * this.maxHeight * 2 / 3)); this.riv = 0; this.wd = document.body.clientWidth; this.initialStyle = "position:absolute;left:" + this.x + "px;top:" + this.y + "px;width:20px;height:20px;"; this.explodeColor = null; this.temp = null; this.init(); } pongpong.prototype = { x : Math.floor(document.body.clientWidth / 2), getRiv : function() { var r = Math.floor(Math.random() * this.maxInitialV); var m = this.maxInitialV - this.minInitialV; if (r < this.minInitialV) r = this.minInitialV + r % m; return r; }, init : function() { this.temp = base.createDiv('ball'); this.changeColor(); }, randomColor : function() { return this.color[Math.floor(Math.random() * 7)]; }, changeColor : function() { // 设置焰火颜色 this.explodeColor = this.randomColor(); this.setInnerHTML(this.temp, this.explodeColor); }, setInnerHTML : function(el, color) { el.innerHTML = ' <span style="color:' + color + ';">' + this.ball[Math.floor(Math.random() * 6)] + ' </span>' }, explode : function() { var left = this.temp.offsetLeft; var top = this.temp.offsetTop; document.body.removeChild(this.temp); document.body.style.backgroundColor = this.explodeColor; setTimeout(function() { document.body.style.backgroundColor = 'black'; }, 50); var nt = this; // 显示爆炸效果 var flag = true; // 碎片数 var sp = Math.floor(Math.random() * 6) + 1; var t = setInterval(function() { if (flag) { flag = false; for (var i = 0; i < sp; i++) { var spi = document.getElementById('sp' + i); spi = spi ? spi : base.createDiv('sp' + i); nt.setInnerHTML(spi, nt.randomColor()); var ix = left + (30 - Math.floor(Math.random() * 60)); var iy = top + (30 - Math.floor(Math.random() * 60)); var is = "position:absolute;left:" + ix + "px;top:" + iy + "px;width:20px;height:20px;"; document.body.appendChild(spi); base.setCssText(spi, is); } } else { for (var i = 0; i < sp; i++) { var si = document.getElementById('sp' + i); if (si) document.body.removeChild(si); } clearInterval(t); } }, 100); this.changeColor(); }, start : function() { this.riv = this.getRiv(); document.body.appendChild(this.temp); var x = Math.floor(this.wd / 4 + Math.random() * this.wd / 2) + 'px'; var ns = base.changeStyleByProperty(this.initialStyle, 'left', x); base.setCssText(this.temp, ns); var time = 0; var nt = this; var t = setInterval(function() { time = time + 1; var s = (nt.riv - nt.g * time / 2) * time; var v = nt.riv - nt.g * time; if (v >= 0) { var nh = nt.y - s; var ns = base.changeStyleByProperty(base.getCssText('ball'), 'TOP', nh); base.setCssText(nt.temp, ns); } else { clearInterval(t); nt.explode(); nt.start(); } }, 50); } } window.onload = function() { var pp = new pongpong(); pp.start(); } </script> </body> </html>
[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]