js代碼

$(document).ready(function() {

var win = (parseInt($(".couten").css("width"))) - 60;

$(".mo").css("height", $(document).height());

$(".couten").css("height", $(document).height());

$(".backward").css("height", $(document).height());

$("li").css({});

// 點(diǎn)擊確認(rèn)的時(shí)候關(guān)閉模態(tài)層

$(".sen a").click(function(){

$(".mo").css("display", "none")

});

var del = function(){

nums++;

//console.info(nums);

//console.log($(".li" + nums).css("left"));

$(".li" + nums).remove();

setTimeout(del,200)

}

var add = function() {

var hb = parseInt(Math.random() * (3 - 1) + 1);

var Wh = parseInt(Math.random() * (70 - 30) + 20);

var Left = parseInt(Math.random() * (win - 0) + 0);

var rot = (parseInt(Math.random() * (45 - (-45)) - 45)) + "deg";

//console.log(rot)

num++;

$(".couten").append("

");

$(".li" + num).css({

"left": Left,

});

$(".li" + num + " a img").css({

"width": Wh,

"transform": "rotate(" + rot + ")",

"-webkit-transform": "rotate(" + rot + ")",

"-ms-transform": "rotate(" + rot + ")", /* Internet Explorer */

"-moz-transform": "rotate(" + rot + ")", /* Firefox */

"-webkit-transform": "rotate(" + rot + ")",/* Safari 和 Chrome */

"-o-transform": "rotate(" + rot + ")" /* Opera */

});

$(".li" + num).animate({'top':$(window).height()+20},5000,function(){

//刪掉已經(jīng)顯示的紅包

this.remove()

});

//點(diǎn)擊紅包的時(shí)候彈出模態(tài)層

$(".li" + num).click(function(){

$(".mo").css("display", "block")

});

setTimeout(add,200)

}

//增加紅包

var num = 0;

setTimeout(add,3000);

//倒數(shù)計(jì)時(shí)

var backward = function(){

numz--;

if(numz>0){

$(".backward span").html(numz);

}else{

$(".backward").remove();

}

setTimeout(backward,1000)

}

var numz = 4;

backward();

})

《新程序員》：云原生和全面數(shù)字化實(shí)踐50位技術(shù)專(zhuān)家共同創(chuàng)作，文字、視頻、音頻交互閱讀

總結(jié)

以上是生活随笔為你收集整理的h5红包雨代码_html5移动端手机微信抢红包雨代码的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。