PHP+jQuery年会在线拍照抽奖

演示下载地址：http://www.erdangjiade.com/js/545.html

效果图：

1. 遍历要抽奖人的头像（你可以把要抽奖的人的头像直接放在images文件下面）
2. 
   
3. $dir = "images/"; 
4. $img = ""; 
5. if (is_dir($dir)) { 
6.     if ($dh = opendir($dir)) { 
7.         while (($file = readdir($dh)) != false) { 
8.             if ($file <> '' && strlen($file) > 2) { 
9.                 $img .= '"' . $file . '",'; 
10.             } 
11.         } 
12.     } 
13.     $img = substr($img, 0, ( strlen($img) - 1)); 
14. }
15. 
    
16. 若没有头像，可调用webcam在线拍照
17. 
    
18. <a href="photo">拍照</a>
19. 
    
20. 定义变量
21. 
    
22. var alldata = new Array(<?php echo $img; ?>); 
23. var num = alldata.length - 1; 
24. var show = $("#show"); 
25. var btn = $("#btn"); 
26. var open = false;
27. 
    
28. 抽奖html代码
29. 
    
30. <div class="wrap"> 
31.     <div class="show" id="show">点击按钮开始抽奖</div> 
32.     <div class="btn"> 
33.         <a href="javascript:void(0)" class="start" id="btn">开始抽奖</a> 
34.     </div> 
35. </div>
36. 
    
37. 开始抽奖和停止抽奖js代码
38. 
    
39. function run() { 
40.     if (!open) { 
41.         timer = setInterval(change, 30); 
42.         btn.removeClass('start').addClass('stop').text('停止'); 
43.         open = true; 
44.     } else { 
45.         clearInterval(timer); 
46.         btn.removeClass('stop').addClass('start').text('开始抽奖'); 
47.         open = false; 
48.     } 
49. } 
50.  
51. btn.click(function() { 
52.     run(); 
53. })
54. 
    
55. 随机抽奖
56. 
    
57. function change() { 
58.     var randomVal = Math.round(Math.random() * num); 
59.     var prizeName = alldata[randomVal]; 
60.     show.html("<img src='images/" + prizeName + "' />"); 
61. }

复制代码

演示下载地址：http://www.erdangjiade.com/js/545.html