html制作幸运抽奖,基于canvas的jQuery幸运抽奖大轮盘插件

rouletteWheel是一款基于HTML5 canvas的可用于制作幸运抽奖大轮盘的jQuery插件。该抽奖大轮盘抽奖允许你添加任意数量的“奖品”，并会随机为它们添加一种不同的颜色。它的特点有：

在轮盘的中间设置一个固定圆形按钮来替代按钮。

在某个项目被选择后可以使用回调函数获取该项目。

可以添加任意数量的子项，并会为每个子项随机设置一种颜色。

使用方法

该抽奖大轮盘插件依赖于jQuery和jQuery UI以及HTML5 canvas。使用时要引入jquery.min.js，jquery-ui.min.js和rouletteWheel.js文件。

HTML结构

可以使用一个空的来制作该抽奖大轮盘。

初始化插件

在页面加载完毕之后，可以使用下面的方法来初始化该抽奖大轮盘插件。

$('canvas').rouletteWheel({

items : {

'key' : 'value'

selected : function(key, value){

'selected callback function'

spinText : 'Spin me' //中间按钮上的文字

});

html制作幸运抽奖,基于canvas的jQuery幸运抽奖大轮盘插件相关推荐

做html5抽奖程序xu,用jQuery实现抽奖程序
本文实例为大家分享了jQuery实现抽奖程序的具体代码,供大家参考,具体内容如下 1. 主要需求实现一个抽奖功能. 点击开始按钮后,开始按钮禁用,停止按钮取消禁用,小图片实现快速切换显示. 点击停止 ...
html5图片轮播在线制作教程,15个超强的jQuery/HTML5图片轮播插件
最近我们为大家分享过不少基于jQuery的图片轮播插件,当然也有很多使用了HTML5和CSS3的相关技术,让整个图片播放器显得更加美观,动画效果显得更加炫酷.这次我们特意为大家筛选了一些最新的jQue ...
基于Threejs的jQuery 3d图片旋转木马特效插件
这是一款基于ThreeJS的炫酷3D旋转木马图片画廊特效插件.该旋转木马特效可以设置图片预加载,带有前后导航按钮,可以使用鼠标前后旋转,并可以设置3D透视的位置. 浏览器兼容: Firefox - 3 ...
css制作俄罗斯方块,H5原创俄罗斯方块（基于canvas）
第一次写俄罗斯方块的时候已经是1年多前了,也是我刚刚学js不久. 为了加强对js的理解又加上对游戏的爱好,于是在没有参考他人的思路和代码下,自己用最基本的js代码写出了基于canvas的俄罗斯方块. ...
基于全球谷歌卫星影像的大字体挂图打印制作方法
1. 概述万能地图下载器下载的卫星影像除了可以应用于测绘项目或GIS系统中之外,还有一个非常简单的应用,那就是制作一幅可贴在办公室墙上的挂图.我们可以根据自己的需要在影像上叠加现有矢量数据或手动标注 ...
html5在线俄罗斯方块,Html5原创俄罗斯方块（基于canvas）
第一次写俄罗斯方块的时候已经是1年多前了,也是我刚刚学js不久. 为了加强对js的理解又加上对游戏的爱好,于是在没有参考他人的思路和代码下,自己用最基本的js代码写出了基于canvas的俄罗斯方块. ...
飞机大战HTML5游戏源码，基于Canvas制作的网页版飞机大战游戏+飞机大战手机端
简介: 飞机大战HTML5游戏源码是一款基于Canvas制作的网页版飞机大战游戏,画质精美的飞机大战手机端游戏源码网盘下载地址: http://kekewangLuo.net/W1S2LQcqAT2 ...
php大转盘程序,jQuery幸运大转盘_jQuery+PHP抽奖程序(下)
上一篇讲解了幸运大转盘前端,而本文继续讲下半部分:PHP控制抽奖几率并最终实现转盘抽奖. 下载资源下载积分: 95 积分 PHP 首先,在ajax.php中创建一个奖项对应角度和中奖几率二维数组: ...
基于canvas制作绚丽的倒计时效果
基于canvas制作绚丽的倒计时效果一.先看下效果项目设计: 数字渲染:数字是存储在一个三维数组里面,通过每次传入一个数字,来取出这个数字对应的点阵模型,这个模型是一个二维数组,有圆点的地方值为1 ...
jquery php 抽奖,jquery-rotate.js制作红包大放送抽奖效果
简介现在抽奖效果在网页上已经非常常见了,以前多是 Flash 实现,但现在越来越多的使用 JavaScript 实现.两者各有优缺点,不能说哪个一定比哪个好.今天在百度糯米上看到一个"红包 ...

html制作幸运抽奖,基于canvas的jQuery幸运抽奖大轮盘插件

html制作幸运抽奖,基于canvas的jQuery幸运抽奖大轮盘插件相关推荐

最新文章

热门文章