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

最新推荐文章于 2009-01-05 08:52:00 发布

原创最新推荐文章于 2009-01-05 08:52:00 发布 · 2.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#编程 #游戏 #colors #function #html #div

【编程游戏】贺岁放礼花。专栏收录该内容

39 篇文章

订阅专栏

一款使用HTML、CSS和JavaScript编写的交互式烟花效果编程游戏，玩家可通过修改代码来调整烟花绽放的效果。

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

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行] src="http://vote.youkuaiyun.com/VotePostSimple.aspx?voteid=839" marginheight="0" marginwidth="0" scrolling="no" width="100%" frameborder="0" height="400">

<!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%}
    /*
    .top{border-top-color:red}
    .right{border-right-color:red}
    .bottom{border-bottom-color:red}
    .left{border-left-color:red}
    
    div.par div{border:3px solid white; position:absolute; overflow:hidden; width:0; height:0; left:50%; top:50%}
    */
    div.par div { position:absolute; overflow:hidden; font-size:6px; color:red}
    div.par {height:20px; width:20px; position:absolute; width:400px; height:400px}
    .pointer{position:absolute; overflow:hidden; width:3px; height:10px; background:red}
</style>

m.play = function(x,y){
            this.style.left = x - this.offsetWidth/2+'px';
            this.style.top = y - this.offsetHeight/2 +'px';
            this.x = this.offsetWidth/2;
            this.y = this.offsetHeight/2 + 120;
            this.len = 120;
            this.r = 0;
            this.t = setInterval(play.bind(this),15);
        }
        Object.extend(m, Element);
        document.body.appendChild(m);
        m.play(x,y);
        //arguments.callee.yh = m;
        //return m;
    }

onload = function(){
        get_point();
        setTimeout(get_point, 2000);
        setTimeout(get_point, 5000);
        setTimeout(get_point, 7000);
        setTimeout(get_point, 10000);

var zf = document.getElementById('zf');
        setInterval(function(){
            zf.style.borderColor=colors[Math.floor(Math.random()*3)];
        },1000);
    }
</script>
</head>
<body>
<div id="zf" style="position:absolute; z-index:999; border:2px solid #666; height:68px; width:300px; left:50%; top:50%; margin-left:-150px; margin-top:-100px; text-align:center; font-size:27px; line-height:68px; font-weight:bold; color:red">
新年快乐! 万事如意!
</div>
</body>
</html>

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