微信营销平台系统?刮刮乐的开发


Posted in PHP onJune 10, 2014

下载 jquery扩展wScratchPad.js, 原站的页面打不开,我这里提供一个下载地址 wScratchPad-2.1.0.zip

然后(冷静),一些没节操的博主,直接转别人的文章,验证的过程都省了,应该坑了不是小白。我这里修正一下

在这个扩展里面,怎么才能过去用户的刮开的面积

$("#wScratchPad3").wScratchPad({
 cursor:'',  //设置鼠标的样式
 color:'gray' ,  //设置覆盖物的颜色,跟image2功能相斥
 width:"300",
 height:"100",
 image: "" //顶部的图片
// 更多配置相关的选项请看源码
 scratchUp: function(e, percent){
 if(percent > 60)
 {
 alert("sss");
 }
 }
 });

从上面的代码,看的出来,这个跟网上所谓的教程不一样,这里获取刮开的范围用到函数不是

scratchMove()
而是
scratchUp()

为嘛?看源码

scratchFunc: function(e, $this, event)
        {
            e.pageX = Math.floor(e.pageX - $this.canvas_offset.left);
            e.pageY = Math.floor(e.pageY - $this.canvas_offset.top);
            $this['scratch' + event](e, $this);
            if(this.settings.realtimePercent || event == "Up") {
                if($this.settings['scratch' + event]) $this.settings['scratch' + event].apply($this, [e, $this.scratchPercentage($this)]);
            }
        }

这里这个获取函数绑定的UP 而不是move

PHP 相关文章推荐
我的论坛源代码(十)
Oct 09 PHP
php 中include()与require()的对比
Oct 09 PHP
PHP中设置时区方法小结
Jun 03 PHP
php中使用preg_replace函数匹配图片并加上链接的方法
Feb 06 PHP
如何用php生成扭曲及旋转的验证码图片
Jun 07 PHP
php-fpm配置详解
Feb 12 PHP
ThinkPHP在新浪SAE平台的部署实例
Oct 31 PHP
PHP连接操作access数据库实例
Mar 30 PHP
Yii中srbac权限扩展模块工作原理与用法分析
Jul 14 PHP
php array_merge_recursive 数组合并
Oct 26 PHP
PHP之十六个魔术方法详细介绍
Nov 01 PHP
关于PHP数组迭代器的使用方法实例
Nov 17 PHP
百度地图API应用之获取用户的具体位置
Jun 10 #PHP
php截取字符串函数substr,iconv_substr,mb_substr示例以及优劣分析
Jun 10 #PHP
一个严格的PHP Session会话超时时间设置方法
Jun 10 #PHP
解决CodeIgniter伪静态失效
Jun 09 #PHP
CI(CodeIgniter)框架介绍
Jun 09 #PHP
CI框架中集成CKEditor编辑器的教程
Jun 09 #PHP
PHP小教程之实现链表
Jun 09 #PHP
You might like
简化php模板页面中分页代码的解析
2009/02/06 PHP
由php的call_user_func传reference引发的思考
2010/07/23 PHP
php模板原理讲解
2013/11/13 PHP
php实现简单的上传进度条
2015/11/17 PHP
js阻止默认事件与js阻止事件冒泡示例分享 js阻止冒泡事件
2014/01/27 Javascript
javascript中的正则表达式使用详解
2015/08/30 Javascript
ajax级联菜单实现方法实例分析
2016/11/28 Javascript
解析NodeJS异步I/O的实现
2017/04/13 NodeJs
微信小程序实战之轮播图(3)
2017/04/17 Javascript
浅谈pc端rem字体设置的问题
2017/08/03 Javascript
关于JS与jQuery中的文档加载问题
2017/08/22 jQuery
jQuery实现表单动态添加与删除数据操作示例
2018/07/03 jQuery
微信小程序支付PHP代码
2018/08/23 Javascript
微信小程序如何获取群聊的openGid以及名称详解
2019/07/17 Javascript
JavaScript函数Call、Apply原理实例解析
2020/02/17 Javascript
JS实现密码框效果
2020/09/10 Javascript
原生JS运动实现轮播图
2021/01/02 Javascript
[48:24]完美世界DOTA2联赛循环赛LBZS vs Forest 第一场 10月30日
2020/10/31 DOTA
python基础教程之简单入门说明(变量和控制语言使用方法)
2014/03/25 Python
python使用wmi模块获取windows下硬盘信息的方法
2015/05/15 Python
详解python的数字类型变量与其方法
2016/11/20 Python
python虚拟环境virualenv的安装与使用
2016/12/18 Python
python机器学习理论与实战(五)支持向量机
2018/01/19 Python
Python OpenCV之图片缩放的实现(cv2.resize)
2019/06/28 Python
深入浅析Python 函数注解与匿名函数
2020/02/24 Python
解决django接口无法通过ip进行访问的问题
2020/03/27 Python
Anaconda配置pytorch-gpu虚拟环境的图文教程
2020/04/16 Python
Python的控制结构之For、While、If循环问题
2020/06/30 Python
Python爬虫实现自动登录、签到功能的代码
2020/08/20 Python
利用纯css3实现的文字亮光特效的代码演示
2014/11/27 HTML / CSS
英国家喻户晓的折扣商场:TK Maxx
2017/05/26 全球购物
有原因的手表:Flex Watches
2019/03/23 全球购物
迪卡侬比利时官网:Decathlon比利时
2019/12/28 全球购物
大学生创业计划书的用途
2014/01/08 职场文书
《两个铁球同时着地》教学反思
2014/02/13 职场文书
2016年社区“我们的节日·中秋节”活动总结
2016/04/05 职场文书