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({});

// 點擊確認的時候關閉模態層

$(".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(){

//刪掉已經顯示的紅包

this.remove()

});

//點擊紅包的時候彈出模態層

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

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

});

setTimeout(add,200)

}

//增加紅包

var num = 0;

setTimeout(add,3000);

//倒數計時

var backward = function(){

numz--;

if(numz>0){

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

}else{

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

}

setTimeout(backward,1000)

}

var numz = 4;

backward();

})

《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。