jquery实现转盘抽奖功能

前端之家收集整理的这篇文章主要介绍了jquery实现转盘抽奖功能前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

<p style="text-align: center">

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

jqueryRotate的资料:

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

google code地址:

调用和方法:

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

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

下面是用jqueryRotate实现的抽奖转盘页面

<Meta charset="utf-8"> 转盘

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持编程之家!

猜你在找的jQuery相关文章