JS+CSS写的类似转盘的抽奖程序

最新推荐文章于 2024-06-23 09:34:01 发布

原创

最新推荐文章于 2024-06-23 09:34:01 发布 · 3.6k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#抽奖程序 #js抽奖代码

本文介绍了一种使用JavaScript和CSS编写的简易抽奖程序，该程序基于0-8个奖品，可自定义样式以适应不同需求。作者提供了一个精简版的示例，并鼓励用户在发现任何问题时进行反馈。

今天需要用个抽奖程序，网上大部分是flash的，想用需付款，一怒之下了这个精简版类似转盘的抽奖程序。

这是简单0-8个奖品页面，0-8即每个奖品，改的时候只需要自己把他们换成不同的样式就OK了。基本可以满足需求，如果有bug或漏洞，欢迎指正！

<html>
	<head>
		<style type="text/css">
			.cur{color:red;font-weight:700;font-size:30px;}<!--选中状态-->
		</style>
	</head>
	<body>
		<span onclick="getAward();">go</span><!--点击开始抽奖-->
		<span onclick="stopAward();">stop</span><br/><!--点击停止抽奖-->		
		<span id="a0" class="cur">0</span><br/>
		<span id="a1">1</span><br/>
		<span id="a2">2</span><br/>
		<span id="a3">3</span><br/>
		<span id="a4">4</span><br/>
		<span id="a5">5</span><br/>
		<span id="a6">6</span><br/>
		<span id="a7">7</span><br/>
		<span id="a8">8</span><br/>
	</body>
	<script src="jquery-1.6.3.min.js"&g