- 资源介绍
- 更新记录
- 安装教程
jQuery九宫格抽奖活动代码是一款红色风格的服务器空间商购买赠品抽奖源码。
部分js代码
<script type="text/javascript"> var lottery = { index: -1, //当前转动到哪个位置,起点位置 count: 0, //总共有多少个位置 timer: 0, //setTimeout的ID,用clearTimeout清除 speed: 20, //初始转动速度 times: 0, //转动次数 cycle: 50, //转动基本次数:即至少需要转动多少次再进入抽奖环节 prize: -1, //中奖位置 init: function(id) { if ($('#' + id).find('.lottery-unit').length > 0) { $lottery = $('#' + id); $units = $lottery.find('.lottery-unit'); this.obj = $lottery; this.count = $units.length; $lottery.find('.lottery-unit.lottery-unit-' + this.index).addClass('active'); }; }, roll: function() { var index = this.index; var count = this.count; var lottery = this.obj; $(lottery).find('.lottery-unit.lottery-unit-' + index).removeClass('active'); index += 1; if (index > count - 1) { index = 0; }; $(lottery).find('.lottery-unit.lottery-unit-' + index).addClass('active'); this.index = index; return false; }, stop: function(index) { this.prize = index; return false; } }; </script>
猜你喜欢
-
手机端刮奖效果jquery.eraser.js插件
2021-02-13 -
jQuery可伸缩时间轴代码timeline插件
2021-02-13 -
jQuery多条件分类筛选代码
2021-02-13 -
jQuery头像裁剪前端代码
2021-02-13 -
jquery实现的隐藏在屏幕侧面的导航菜单
2021-02-13 -
jQuery仿手机移动端滑动解锁验证插件
2021-02-13 -
jQuery拖动拖拽插件draggabilly.pkgd.js
2021-02-13 -
jQuery+CSS3点击滑动显示分享图标按钮代码
2021-02-13 -
简单实用的jQuery日期时间倒计时插件
2021-02-13 -
jQuery基于layui插件制作checkbox复选框选中代码
2021-02-13
-
jQuery+CSS3黑色时钟代码
2021-02-13 -
jQuery搜索框输入文字查找表格内容匹配代码
2021-02-13 -
动画过渡效果jQuery打开模态窗口代码
2021-02-13 -
jQuery添加录入商品信息表单代码
2021-02-13 -
jquery多款滚动条插件插件
2021-02-13 -
jQuery下拉框四级联动菜单选择代码
2021-02-13 -
jquery图片放大镜插件制作多种图片放大镜效果
2021-02-13 -
jQuery根据鼠标移入移出方向判断滑动块滚动方向
2021-02-13 -
jQuery每日签到功能日历代码
2021-02-13 -
懒人原生手机客户端提示信息效果(可自定义内容
2021-02-13
猜你在找
1. 本站所有资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服!lyebiz@qq.com
2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理,有奖励!
3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
4. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有站币奖励和额外收入!
优源网 » jQuery九宫格抽奖活动代码
优源网 » jQuery九宫格抽奖活动代码
常见问题FAQ
- 免费下载或者VIP会员专享资源能否直接商用?
- 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
- 提示下载完但解压或打开不了?
- 找不到素材资源介绍文章里的示例图片?
- 资源不能下载?
- 2021-02-13Hi,初次和大家见面了,请多关照!