位置: 编程技术 - 正文
推荐整理分享使用jQuery Rotare实现微信大转盘抽奖功能,希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!
很多公司到了年底都会做一些抽奖活动来刺激、吸引、粘住客户,比如抽奖转盘活动。
前几天用一个jqueryRotate插件实现了转盘的效果。比起那些很炫丽的flash是稍逊点,但也基本实现了需求
效果图:
实现这个其实蛮简单的,转动的效果用的jqueryRotate插件,所以只要判断每个奖荐对应的角度,然后设置指针的转动角度就可以了。比如关键的是jqueryRotate这个插件的用法。
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""
标签: 使用jQuery Rotare实现微信大转盘抽奖功能
本文链接地址:https://www.jiuchutong.com/biancheng/386630.html 转载请保留说明!友情链接: 武汉网站建设