jquery php随机数字和字母,jquery+php随机生成红包金额数量代码分享

论坛 期权论坛 编程之家     
选择匿名的用户   2021-6-2 15:48   2594   0

本文实例讲述了jquery+php实现的随机生成红包金额数量特效。分享给大家供大家参考。具体如下:

jquery+php实现的随机生成红包金额数量特效是一段实现了可以将一定金额的钱生成多个不同金额的红包的效果代码,红包数量与金钱可以自己设定。

运行效果图: -------------------查看效果 下载源码-------------------

76b6a321992701f924cb4a37b84ed65d.png

小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式。

为大家分享的jquery+php随机生成红包金额数量代码如下

jquery+php随机生成红包金额数量代码

*{margin:0;padding:0;list-style-type:none;}

a,img{border:0;}

body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";}

.demo{width:300px; margin:60px auto 10px auto}

@media only screen and (min-width: 420px) {

.demo{width:500px; margin:60px auto 10px auto}

}

.demo p{height:62px; line-height:30px}

.demo p label{width:100px; text-align:right}

.input{width:140px; height:24px; line-height:14px; border:1px solid #d3d3d3}

button, .button {

background-color: #f30;color: white;border: none;box-shadow: none;

font-size: 17px;font-weight: 500;font-weight: 600;

border-radius: 3px;padding: 15px 35px;margin: 26px 5px 0 0px;cursor: pointer; }

button:hover, .button:hover {background-color: #f00; }

#result{width:360px; margin:10px auto}

#result p{line-height:30px}

#result p span{margin:4px; color:#f30}

生成10个红包,总金额20元

$(function(){

$("button").click(function(){

$.ajax({

type: 'POST',

url: 'bao.php',

dataType: 'json',

beforeSend: function(){

$("#result").html('正在分配红包');

},

success: function(json){

if(json.msg==1){

var str = '';

var res = json.res;

$.each(res,function(index,array){

str += '

第'+array['i']+'个红包,金额'+array['money']+'元,余额'+array['total']+'元

';

});

$("#result").html(str);

}else{

$("#result").html('数据出错!');

}

}

});

});

});

适用浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:3875789
帖子:775174
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP