h5红包雨代码_html5移动端手机微信抢红包雨代码
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();
})
h5红包雨代码_html5移动端手机微信抢红包雨代码相关推荐
- js微信抢红包脚本代码_使用AutoJs实现微信抢红包的代码
需要准备的工具有:AutoJs,VSCode,一部手机 1. 首先使用AutoJs的布局设置查找红包的Id 可以看出来红包的id为"aag" 关于这个红包的id请以自己看到的为准 ...
- html5抢红包游戏,HTML5手机微信抢红包福利袋游戏代码
HTML5手机微信抢红包福利袋游戏代码 HTML5手机微信抢红包福利袋游戏代码是一款手机移动端红包雨效果源码. js代码 $(function(){ var countdown=$(".co ...
- 苹果端手机微信页面长按图片无法保存的解决方案
苹果端手机微信页面长按图片无法保存的解决方案 参考文章: (1)苹果端手机微信页面长按图片无法保存的解决方案 (2)http://www.cnblogs.com/xiaofengju/p/580748 ...
- php 微信 活动 抽奖,jQuery手机微信活动抽奖代码
jQuery手机微信活动抽奖代码 代码片段: var valueJson = { 'wheelBody' : $('.big-border'), //转盘主体 'wheelSmall' : $('.s ...
- js微信抢红包脚本代码_微信红包算法(js)
下面实现一个微信红包的抽奖模拟,听说是微信的官方算法,我不确定,先看下实现思路(源码在文章最后): 设置最小金额为0.01,最大金额为剩余金额/剩余红包数量的2倍 在最大最小金额之间取一个随机数作为红 ...
- js微信抢红包脚本代码_如何利用JavaScript来实现微信抢红包功能的示例代码
本文通过实例代码给大家介绍了基于JavaScript实现微信抢红包功能,金额随机,额度在0.01和(剩余平均值*2)之间,具体的实例代码大家参考下本文 金额随机:额度在0.01和(剩余平均值*2)之间 ...
- js微信抢红包脚本代码_javascript实现仿微信抢红包
仿微信抢红包 javascript实现仿微信抢红包 红包个数:个
- js微信抢红包脚本代码_基于Auto.js的微信红包监测
前段时间接触了下Auto.js(https://github.com/hyb1996/Auto.js),很好上手而且挺有意思,于是写了个微信红包监测脚本 大概思路是,不断获取手机屏幕截图,发现新消息则 ...
- html自动识别移动端和代码,html5移动端网站常用判断js代码
1,判断识别是否为手机移动端运行环境var mob = ''; if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|Symbia ...
最新文章
- matlab preloadfcn,simulink中打不开SysytemGenerator?返回错误Error evaluating ...
- java 文件比较_java 四种写文件比较
- java后台手动分页
- 匿名内部类与Lambda表达式习题
- java相遇问题_行程问题
- .net实现批量在线打印_如何实现报表的批量打印需求
- Java如何判断整数溢出,溢出后怎么得到提示?
- Linux服务器添加SVN用户
- OpenCV从Mat中提取某些行或列
- SSHnbsp;整合-nbsp;6nbsp;-nbsp;service_serviceImp…
- vue ui没反应如何解决?
- 如何终止线程的运行(C/C++)
- 手把手教你 如何安装 Ubuntu(乌班图)
- matlab能打开mdl文件吗,simulink打开mdl文件的问题
- 智能电子标签的分类有哪几种
- EXCEL表格超链接图片
- android 获取方法名,Android获取渠道名称
- Stream流的方式遍历map,筛选数据
- 360董事长周鸿祎:网络攻击损害不亚于杀伤性武器
- java个人所得税计算器
热门文章
- 3.2 为超参数选择合适的范围-深度学习第二课《改善深层神经网络》-Stanford吴恩达教授
- 【arduino】pro mini程序下载器接线方法,arduino pro mini 与nodemcu通信方案
- html5游戏暂停按钮,HTML5 圆形进度控制(播放、暂停)按钮
- 5.Verilog的阻塞赋值=和非阻塞赋值<=
- java 常见中文乱码问题解决
- SQLServer中ISNULL、NULLIF和CONVERT函数
- 如何调整mintty行距及字间距
- 几个常用的Linux监控脚本
- 【Linux入门连载二】Linux系统有哪些基本目录?
- 高精度乘以低精度板子