位置: 编程技术 - 正文

使用jQuery Rotare实现微信大转盘抽奖功能

编辑:rootadmin

推荐整理分享使用jQuery Rotare实现微信大转盘抽奖功能,希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!

很多公司到了年底都会做一些抽奖活动来刺激、吸引、粘住客户,比如抽奖转盘活动。

前几天用一个jqueryRotate插件实现了转盘的效果。比起那些很炫丽的flash是稍逊点,但也基本实现了需求

效果图:

实现这个其实蛮简单的,转动的效果用的jqueryRotate插件,所以只要判断每个奖荐对应的角度,然后设置指针的转动角度就可以了。比如关键的是jqueryRotate这个插件的用法。

使用jQuery Rotare实现微信大转盘抽奖功能

jqueryRotate的资料:

支持Internet Explorer 6.0+ 、Firefox 2.0 、Safari 3 、Opera 9 、Google Chrome,高级浏览器下使用Transform,低版本ie使用VML实现

google code地址: //直接这样子调用的话就是变换角度

$(el).getRotateAngle(); //返回对象当前的角度

$(el).stopRotare(); //停止旋转动画

另外可以更方便的通过调用$(el).rotateRight()和$(el).rotateLeft()来分别向右旋转度和向左旋转度。

很简单吧,各种example可以看这里:

jQuery Tags Input Plugin(添加/删除标签插件)详解 看名字应该知道是干嘛用了吧。一个jquery开发的标签功能加强插件,可以生成或删除标签,还能对输入重复标签进行检查,和JQueryautocomplete插件配合实

jQuery文件上传控件 Uploadify 详解 基于jquery的文件上传控件,支持ajax无刷新上传,多个文件同时上传,上传进行进度显示,删除已上传文件。要求使用jquery1.4或以上版本,flashplayer9.0.

jQuery实现的可编辑表格完整实例 本文实例讲述了jQuery实现的可编辑表格。分享给大家供大家参考,具体如下:!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.//EN""

本文链接地址:https://www.jiuchutong.com/biancheng/386630.html 转载请保留说明!

上一篇:jQuery筛选数组之grep、each、inArray、map的用法及遍历json对象(jquery筛选器)

下一篇:jQuery Tags Input Plugin(添加/删除标签插件)详解

免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

鄂ICP备2023003026号

网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

友情链接: 武汉网站建设 电脑维修 湖南楚通运网络