简易的jQuery抽奖

Html

Css


    准备

.show {
	text-align:center;
	font-size:250px;
	text-shadow:0 0 1px #000,0 8px 100px #ffa3a3;
	color:#29afff;
}
.main {
	position:absolute;
	left:50%;
	top:50%;
	/* 设置元素的相对于自身的偏移度为负50%(也就是元素自身尺寸的一半)*/
		transform:translate(-50%,-50%);
}

var memmers = [
    "沐槿",
    "易风",
    "邝露",
    "斌倩",
    "井野",
    "陆繁",
    "丁楠",
    "柯宁",
    "朝羽",
    "肉肉",
    "游鱼"
];
$(document).ready(function() {

var names = getUrlParams(name);
    if (names != null && names[0] != null && names[0]["name"] != null) {
        var namess = names[0]["name"];
        memmers = namess.split(",");
    }

var time;
    var flag = true;
    $("body").click(function() {
        if (flag) {
            flag = false;
            time = setInterval("show()", 10);
        } else {
            flag = true;
            if (time != null) {
                clearInterval(time);
            }
        }
    });

});

function bg() {
    var r = Math.floor(Math.random() * 256);
    var g = Math.floor(Math.random() * 256);
    var b = Math.floor(Math.random() * 256);
    return "rgb(" + r + ',' + g + ',' + b + ")";
}

↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.10.2

立即下载

简易的jQuery抽奖



代码描述：简易的抽奖系统用jquery 实现

更新时间：2019-12-01 20:40:30
使用jqeury实现简易的抽奖；可以在访问链接中加参数 name=张三,李四,王五

0

最新

发表评论全部评论

暂时没有评论！

登录后才可以评论

30秒后在评论吧!

PROMULGATOR

三年

相关代码

简易的jQuery抽奖

最新