返回
首页
业界
电商
创业
访谈
手机
移动
报告
运营
建站
互联网+
系统
教程
搜索

jquery 年会抽奖程序

2020-05-22 15:26:34易采站长站整理

看了一下，传不了源代码，特粘帖html

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<title></title>
<link href=”Content/myPub.css” rel=”stylesheet” type=”text/css” />
<script src=”Scripts/js/xfc.js” type=”text/javascript”></script>
<script src=”http://demo.jb51.net/jslib/jquery/jquery-1.6.2.min.js” type=”text/javascript”></script>
<!– 导航切换 –>
<style type=”text/css”>
.center
{
text-align: center;
height: auto;
}
.center span
{
font-size: 50px;
font-weight: 900;
line-height: 50px;
}
.center img
{
width: 1200px;
height: 580px;
}
.s_chg
{
float: left;
width: 1240px;
height: auto;
margin-left:40px;
}
.s_chg img
{
width: 240px;
height: 120px;
padding-top:10px;
}
.s_title
{
color:Red;
font-size :35px;
font-weight:bold;
}
</style>
</head>
<body>
<div class=”w center hide “>
<span id=”chg” atg=”0″ >1</span>
</div>
<div class=”w center” id=”i_div”>
<img id=”chg_img” onclick=”chg()” src=”Content/images/JPEG/1%20(1).jpg” />
</div>
<div class=”w ” >
<br/>
<button onclick =”wshow(0)”>查看全部获奖</button>
<button onclick =”wshow(1)”>查看一等奖获奖</button>
<button onclick =”wshow(2)”>查看二等奖获奖</button>
<button onclick =”wshow(3)”>查看三等奖获奖</button>
<button onclick =”sshow()”>开始抽奖</button></div>
<div class=”w s_chg” id=”s_div”>
</div>
<script language=”javascript” type=”text/javascript”>
var time = 0;
var th = 9;
var two = 5;
var f =1;
var max = 122;
var t;
var zhong = new Array();
function sshow() {
$(“#i_div”).show();
$(“#s_div”).hide();
}
function wshow(e) {
var s_sum;
switch (e) {
case 0:
s_sum = th + two + f;
break;
case 1:
s_sum = th + two + f;
break;
case 2:
s_sum = th + two;
break;
case 3:
s_sum = th;
break;
}
if (zhong.length < s_sum) {
var cha = (s_sum) – (zhong.length);
alert(“名额还差 “+cha.toString()+” 名”);
return;
}
$(“#i_div”).hide();
$(“#s_div”).show();
var sdiv = $(“#s_div”);

相关文章 大家在看