当前位置：首页 > 下载站 > js特效 > html5特效 > html5的非常简单圆形转盘抽奖代码

html5的非常简单圆形转盘抽奖代码

分类: js特效 / html5特效	发布时间: 2018-01-24	访问量: 2580
下载量: 60

点击下载预览效果

更多>

最新下载

横向的图文手风琴布局代码

jQuery基于css3制作精美黑色的横向手风琴布局滑动切换效果，结合大图和标题文字切换。这是一款大气的企业品牌产品图文手风琴布局代码。

0 2025-12-24

网页顶部智能固定导航特效

js黑色的网页顶部固定层导航，页面上下滚动导航智能显示或隐藏效果代码。适用于网页导航交互特效。

0 2025-12-24

谷歌浏览器插件Color Picker for Chrome™ 在网页上拾取颜色获取颜色HEX/RGB代码

Color Picker for Chrome™ 是一款HEX，RGB颜色选择器，高级滴管，能够在任何页面上拾取颜色，获得颜色的HEX/RGB代码。如何使用插件呢？✓ 安装后，打开您想要获取颜色代码的任何网页✓ 然后单击扩展图标，它将启用颜色选择器图标✓ 再点击所需拾取颜色的地方，它将以HEX和RGB选项为您提供该颜色代码的信息✓ 复制代码并复制相同的步骤以查找另一个颜色代码。Color Pick

0 2025-12-24

纯CSS3折叠纸登录表单特效

纯CSS3折叠纸登录表单特效是一款默认折纸显示，鼠标悬停打开折叠登录框界面特效。

0 2025-12-24

蓝色的大转盘抽奖代码

jQuery lottery制作大转盘抽奖活动，点击开始抽奖按钮大转盘转动到随机奖品即为中奖。支持自定义奖品图片和名称可任意修改使用。

0 2025-12-24

jQuery超酷文字斜斜显示 jQuery超酷文字斜斜显示网页特效

jQuery超酷文字斜斜显示是一款基于jQuery实现的超酷动态文字显示效果。

0 2025-12-24

24小时阅读排行榜

更多>

最新教程

最新Python教程从入门到精通

Node.js 教程

14402 2025-08-28
CSS3 教程

1541352 2025-08-27
Rust 教程

22086 2025-08-27
Vue 教程

24592 2025-08-22
PostgreSQL 教程

21278 2025-08-21
Git 教程

8380 2025-08-21

html5的非常简单圆形转盘抽奖代码

非常简单的html5 canvas实现的圆形转盘抽奖代码，无需jQuery就可以实现的抽奖转盘特效。

var fillStyle = ['rgb(255,154,2)','rgb(210,92,4)','rgb(255,154,0)','rgb(210,92,4)','rgb(255,154,0)','rgb(210,92,4)','rgb(255,154,0)','rgb(210,92,4)','rgb(255,154,0)','rgb(210,92,4)']
,fillText = ['一等奖','二等奖','三等奖','四等奖','五等奖','六等奖','7等奖','8等奖','9等奖','10等奖']
,width = 400
,height = 400
,c_x = 200
,c_y =200
,radius = 170 // 圆盘半径
,canvas = document.getElementById('bg')
,index =0
,timer = null
,running = false // 是否运行中
,speed = 300 // 速度
,isBeginPrize = false // 是否开始抽奖
,stepping=0 // 步数，经过一个扇形为1步
,basecircle = 3 // 点击开始时，圆盘旋转的圈数，旋转玩指定圈数之后，再根据selected的值确定奖项
,selected =0; // 最终选中第几个扇形，也就是确定几等奖