html打气球游戏,打气球.html

无标题文档

*{padding:0px; margin:0px}

.box{width:100px; height:100px; border-radius:100px 100px 5px 100px; background:red;}

.class{display:none;}

$(function(){

var flake=$('.box').css({'position':'absolute','top':'-200px','transform':'rotate(45deg)'});

var screenWidth=$(window).width();

var screenHeight=$(window).height();

setInterval(function(){

var startPositionLeft=Math.random()*screenWidth;

var endPositionLeft=Math.random()*screenWidth;

var startOpacity=0.7+Math.random()*0.3;

var endPositionTop=screenHeight;

var flakeSize=5+Math.random()*50;

var time=3000+Math.random()*7000;

flake.clone().appendTo('body').css({

'left':startPositionLeft,

'opaity':startOpacity,

'font-size':flakeSize,

'color':'white'

}).animate({

'left':endPositionLeft,

'opacity':0.5,

'top':endPositionTop

},time,function(){

$(this).remove();

})

$('.box').click(function(){

$(this).hide()

})

},1000)

})

一键复制

编辑

Web IDE

原始数据

按行查看

历史