0
回答
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. btn.click(function() { 
  51.     run(); 
  52. })
  53.  
  54. 随机抽奖
  55.  
  56. function change() { 
  57.     var randomVal = Math.round(Math.random() * num); 
  58.     var prizeName = alldata[randomVal]; 
  59.     show.html("<img src='images/" + prizeName + "' />"); 
  60. }

复制代码

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

<无标签>
举报
2当家的
发帖于2年前 0回/565阅
顶部