PHP+jQuery年会在线拍照抽奖

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

效果图：

遍历要抽奖人的头像（你可以把要抽奖的人的头像直接放在images文件下面）
$dir = "images/";
$img = "";
if (is_dir($dir)) {
if ($dh = opendir($dir)) {
while (($file = readdir($dh)) != false) {
if ($file <> '' && strlen($file) > 2) {
$img .= '"' . $file . '",';
}
}
}
$img = substr($img, 0, ( strlen($img) - 1));
}
若没有头像，可调用webcam在线拍照
<a href="photo">拍照</a>
定义变量
var alldata = new Array(<?php echo $img; ?>);
var num = alldata.length - 1;
var show = $("#show");
var btn = $("#btn");
var open = false;
抽奖html代码
<div class="wrap">
<div class="show" id="show">点击按钮开始抽奖</div>
<div class="btn">
<a href="javascript:void(0)" class="start" id="btn">开始抽奖</a>
</div>
</div>
开始抽奖和停止抽奖js代码
function run() {
if (!open) {
timer = setInterval(change, 30);
btn.removeClass('start').addClass('stop').text('停止');
open = true;
} else {
clearInterval(timer);
btn.removeClass('stop').addClass('start').text('开始抽奖');
open = false;
}
}
btn.click(function() {
run();
})
随机抽奖
function change() {
var randomVal = Math.round(Math.random() * num);
var prizeName = alldata[randomVal];
show.html("<img src='images/" + prizeName + "' />");
}

复制代码

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

PHP+jQuery年会在线拍照抽奖相关推荐

html5 mysql 展示_基于jQuery+PHP+Mysql实现在线拍照和在线浏览照片
本文用示例讲述了如何使用jQuery与PHP及Mysql结合,实现WEB版在线拍照.上传.显示浏览的功能,ajax交互技术贯穿本文始末,所以本文的读者要求具备相当熟悉jQuery及其插件使用和javs ...
php幸运大抽奖,幸运大转盘-jQuery+PHP实现的抽奖程序-完善中
小雨在线网站自营销研究之幸运大转盘-jQuery+PHP实现的抽奖程序-完善中 1.[代码][PHP]代码小雨在线网站自营销研究 $(function () { $("#startbtn& ...
Javascript+PHP实现在线拍照功能（转）
Javascript+PHP实现在线拍照功能我们在一些WEB应用中可能会遇到这样的情况,用户需要自己现场拍照并上传到会员系统.比如驾校采集指纹拍照流程.考试现场采集照片等.我们今天要讲的是如何使用j ...
开始做在线拍照功能了
今天开始要做在线拍照的功能了.参考的例子就是51的在线拍照. 小试了一下,原理不是太难.一个是用于捕获摄像头的类,然后是用滤镜来实现特殊效果.比较复杂的一点是关于图片上传至服务器端的实现.另外,关于滤 ...
PHP+jQuery实现翻板抽奖
原文 PHP+jQuery实现翻板抽奖在电视节目中有一种抽奖形式暂且叫做翻板抽奖,台上有一个墙面,墙面放置几个大方块,主持人或者抽奖者翻开对应的方块即可揭晓中奖结果.类似的抽奖形式还可以应用在WEB ...
微信大转盘 java_[Java教程]使用CSS3+jquery.js 实现微信抽奖转盘效果
[Java教程]使用CSS3+jquery.js 实现微信抽奖转盘效果 0 2014-03-19 02:00:24 上次发表了一篇微信抽奖转盘活动-效果源码分析最近想起了刚接到这个项目时第一时间脑 ...
php mysql随机抽奖源码_幸运大转盘-jQuery+PHP实现的抽奖程序
目前好多网站上应用的转盘抽奖程序大多是基于flash的,而本文结合实例将使用jQuery和PHP来实现转盘抽奖程序,为了便于理解,作者分两部分来讲解,本文讲解第一部分,侧重使用jQuery实现转盘的转 ...
php 在线选座,基于jquery实现在线选座订座之影院篇
先给大家展示效果图(支持源码下载哦): 我们在线购票时(如电影票.车票等)可以自己选座.开发者会在页面上列出座次席位,用户可以一目了然的看到可以选择的座位及支付.本文以电影院购票为例,为您展示如何选座 ...
jQuery实现在线选座订座（影院篇）
我们在线购票时(如电影票.车票等)可以自己选座.开发者会在页面上列出座次席位,用户可以一目了然的看到可以选择的座位及支付.本文以电影院购票为例,为您展示如何选座.处理选座数据等. 在这里,我给大家介绍 ...
php在线拍照代码,Javascript+PHP实现在线拍照功能
实现这个功能的前提是你的电脑设备上需要安装有摄像头设备,以及你的浏览器需要支持flash. HTML Javascript+PHP实现在线拍照功能在body中加入一个用于调用摄像组件的容器id#ca ...

PHP+jQuery年会在线拍照抽奖

PHP+jQuery年会在线拍照抽奖相关推荐

最新文章

热门文章