龙空技术网

教你如何制作一个简单的抽奖系统

WiTon 482

前言:

眼前我们对“jquery12宫格抽奖”可能比较关怀,朋友们都想要分析一些“jquery12宫格抽奖”的相关资讯。那么小编同时在网上汇集了一些有关“jquery12宫格抽奖””的相关知识,希望小伙伴们能喜欢,兄弟们一起来了解一下吧!

抽奖页面

废话不多说,直接上源代码,直接运行就可以。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">

<html xmlns="">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>jQuery数字随机滚动抽奖特效代码 - JS代码网</title>

<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>

<script type="text/javascript" src="js/script.js"></script>

</head>

<body>

<style type="text/css">

body{background-color:#fff;text-align:center;padding-top:50px;}

#Result{border:3px solid #40AA53;margin:0 auto;text-align:center;width:400px;padding:50px 0;background:#efe;}

#ResultNum{font-size:50pt;font-family:Verdana}

#Button{margin:50px 0 0 0;}

#Button input{font-size:40px;padding:0 50px;}

#btn{background-color:#40AA53;border:1px solid #40AA53;width:20%;height:45px;margin:0em auto;font-size:1em;border-radius:2.5px;-moz-border-radius:2.5px;-webkit-border-radius:2.5px;color:#FFF;}

</style>

<h1 style="color:#40AA53">抽奖结果</h1>

<div id="Result" style="color:#40AA53">

<span id="ResultNum">0</span>

</div>

<div id="Button">

<input type='button' id="btn" value='开始' onclick='beginRndNum(this)'/>

</div>

</body>

</html>

JS代码需要的请私我邮箱,我给你们发。。。

每天都有更新,喜欢的可以关注我。

标签: #jquery12宫格抽奖