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

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

王俊祥

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

阅读量3.5k

点赞数

分类专栏：应用实践 PHP 文章标签：抽奖程序 js抽奖代码

本文链接：https://blog.csdn.net/herewjxiang/article/details/17287697

版权

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

摘要由CSDN通过智能技术生成

今天需要用个抽奖程序，网上大部分是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 οnclick="getAward();">go</span><!--点击开始抽奖-->
		<span οnclick="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="