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

本文实例讲述了jquery php实现的随机生成红包金额数量特效。分享给大家供大家参考。具体如下：jquery php实现的随机生成红包金额数量特效是一段实现了可以将一定金额的钱生成多个不同金额的红包的效果代码，红包数量与金钱可以自己设定。运行效果图： - 查看效果下载源码-

小提示：浏览器中如果不能正常运行，可以尝试切换浏览模式。为大家分享的jquery php随机生成红包金额数量代码如下

hearteta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8 '/meta name=' viewport ' content=' width=device-width，initial-scale=1，maximum-scale=1'titlejquery php随机生成红包金额数量代码/title脚本类型=' text/JAVAScript ' src=' http : js/jquery。量滴js '/脚本样式类型=' text/CSS ' * { margin :0；划水：0;列表样式-:型无；}a，img { border :0 } body { font :12 px/180% Arial，Helvetica，无衬线'新宋体；}.演示{ width :300 pxmargin :60 px auto 10px auto } @仅媒体屏幕和（最小宽度： 420px) { .演示{ width :500 pxmargin :60 px auto 10px auto } } .演示p { height:62px线条高度：30px} .演示p标签{ width :100 pxtext-align : right } .输入{ width :140 px h8 :24 px线高：14 pxborder:1px实心# d3d3d3 }按钮。按钮{底色： # f30颜色：白色；border:无；盒子阴影：无；font-size : 17px字体粗细： 500；字体粗细： 600；边界半径： 3pxpadd : 15px 35pxmargin 3360 26px 5px 0 0pxcursor :指针；}按钮：悬停。按钮：悬停{背景色： # f00} #结果{ width :360 pxmargin :10 px auto } #结果p {行高：30像素} #结果p span { margin 33604 xcolor : # f30 }/style/head dydiv class=' demo '按钮生成10个红包，总金额20元/button/div div id=' result '/div脚本类型=' text/JavaScript ' $(function(){ $(' button ')).单击(函数(){ $).ajax({ type: 'POST '，url: 'bao.php '，dataType: 'json '，before send : function(){ $(' # result ')).html(")正在分配红包');}，成功：函数(JSON){ if(JSON。msg==1){ var str=' '；var res=json.res$。每个(res，函数（索引，数组){ str='p第span' array['i'] '/span个红包，金额span' array['money'] '/span元，余额span' array['total']'元/span/p '；});$(“# result”).html(字符串);}else{ $('#result ').html(")数据出错！');} } });});});/script div style=' text-align : center；余量：150 px 0；font : normal 14px/24px ' MicroSoft YaHei '；p适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗/p/div/body/htmlbao.php代码页面：

？phpheader(' Content-type : text/html；charset=utf-8 ')；$ total=20/红包总额$ num=10/分成10个红包，支持10人随机领取$ min=0.01//每个人最少能收到0.01元for($ I=1；$ I $ num $ I){ $ safe _ total=($ total-($ num-$ I)* $ min)/($ num-$ I)；//随机安全上限$money=mt_rand($min*100，$ safe _ total * 100)/100；$ total=$ total-$ money；$arr['res'][$i]=array('i'=$i，' money'=$money，' total '=$ total)；} $ arr[' RES '][$ num]=array(' I '=$ num，' money'=$total，' total '=0)；$ arr[' msg ']=1；echo JSON _ encode($ arr)；main.css代码页面：

@ charset“utf-8”；/* CSS Document */html，body，div，span，h1，h2，h3，h4，h5，h6，p，pre，a，code，em，img，small，strong，sub，sup，u，I，center，dl，dt，dd，ol，ul，li，fieldset，form，label { margin:0划水：0;border :0 outline :0 font-size :100%；垂直对齐：基线；背景：透明} a { color : # 007 BC 4/* # 424242 */；文本装饰：无；} a :悬停{ text-decoration :下划线} ol，ul { list-style : none }表格{ border-collapse : collapse；边框间距：0}html{background:url(./images/BG。png)}身材{身高：100%；font :14 px/18px ' Microsoft Yahei '，Tahoma，Helvetica，Arial，Verdana ' \ 5b 8b \ 4f 53 '，无衬线；颜色： # 51555C背景：网址(./images/body _ BG。gif)repeat-x } img {边框： none } # header {宽度：980 pxheight :92 pxmargin :0 auto位置：相对；} #徽标{宽度：240像素高度：90 px背景：url(./images/logo _ demo。gif)无重复} # logo h1 { text-缩进：-999 em } # logo h1 a { display : block；宽度width :240 px h8 :90 px } # main { width :980 px；最小高度：600 pxmargin :30 px auto 0 auto order :1 px固体# d3d3d3背景# fff-moz-border-radius :5 px；-khtml-边界-半径： 5px-web套件-边框-半径： 5px边界半径：5像素；} H2。top _ title { margin 33604 px 20px填充-top :15 px；左填充left :20 pxpadding-bottom :10 px；边框-底部：1px实心# d3d 3d 3 font-size :18 px；color: # a84c10背景：url(./images/arrl。gif)无重复2px 16px } #页脚{高度：60 px} #页脚p { padding:10px 2px线高：24 px文本对齐：居中} #页脚p a :悬停{颜色： # 51555 c } #统计{显示：无} .google _ ad { width:728px高度：90 pxmargin:50px auto} .公元76090年.ad _ demo { width:760px高度：90 pxmargin:40px auto} .demo _ topad { position :绝对值；top:15pxright:0px宽度宽度：470像素高度：60 px} @媒体屏幕和（最小宽度： 320px)和（最大宽度： 480 px){ html {-web kit-text-size-调整：无；} #页眉{宽度：100% } #主{宽度：100%；margin:10px汽车；-moz-边界-半径：0像素；-khtml-边界-半径： 0px-web套件-边框-半径： 0px边界半径：0像素；} .demo_topad{display:none} .Google _ ad { width :100%；余量：40px汽车；文本对齐：居中}。公元76090年.ad _ demo { width :100%；高度：automargin:40px汽车；文本对齐：居中}。演示{宽度：98%；margin:10px auto } }以上就是为大家分享的jquery php随机生成红包金额数量代码，希望大家可以喜欢。