页面抽奖幸运观众

大家在看节目的时候经常有这样的场景，主持人站在台上大和一声"开始!",  紧接着大屏幕上众多姓名号码就开始飞快滚动，随着主持人的喊停。一位幸运的获奖观众就这样出现了。

小伙伴们, 是不是觉得挺好玩的？之前看到这些场景纯粹觉得很有趣，只是看个热闹，不过近来学习了javascript发现这个抽奖系统实现起来其实并不难。

下面介绍一下实现功能：

 

• 回车开始抽取，再次回车结束，3次抽取后结束。
• ESC键重新抽取。
• 伴有动画特效（如：抽取开始前和结束后，字体会由小变大再变小。）
• 全程bgm（如：抽中一位lucker后，会有相应的背景音乐）

 

呐，画风如下 :

 

 

虾米是具体实现方法：

 

 

	
		
		
		
	

	
		

			
操作说明
			

				
回车开始抽取
				
再次回车暂停
				
3次抽取后结束
				
ESC键重新抽取
			
		
		

			

				抽取幸运观众
			
			

				Enter键开始
			
		
		

			
抽中名单
			

			
		
		

			软帝集团 版权所有© by MRChai
		
		
		
		
	

 

 

 

 

 

注：

 

1. 好消息：以上所包含的素材，已上传。。（坏消息：不支持.zip,上传失败。。）
2. 博主尚未习得有关后台jdbc技能，所以目前就是一个前端数组实现，而没有连接后台数据库。