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


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 相关文章推荐
第十三节 对象串行化 [13]
Oct 09 PHP
Wordpress 相册插件 NextGEN-Gallery 添加目录将中文转为拼音的解决办法
Dec 29 PHP
PHP写的加密函数,支持私人密钥(详细介绍)
Jun 09 PHP
PHP数据类型的总结分析
Jun 13 PHP
浅析SVN常见问题及解决方法
Jun 21 PHP
php 启动报错如何解决
Jan 17 PHP
php实现文件下载实例分享
Jun 02 PHP
php+mysqli数据库连接的两种方式
Jan 28 PHP
WordPress中邮件的一些修改和自定义技巧
Dec 15 PHP
PHP读取mssql json数据中文乱码的解决办法
Apr 11 PHP
PHP  Yii清理缓存的实现方法
Nov 10 PHP
win7 wamp 64位 php环境开启curl服务遇到的问题及解决方法
Sep 16 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
在php7中MongoDB实现模糊查询的方法详解
2017/05/03 PHP
thinkPHP3.2.2框架行为扩展及demo示例
2018/06/19 PHP
IE8 chrome中table隔行换色解决办法
2010/07/09 Javascript
jQuery Jcrop插件实现图片选取功能
2011/11/23 Javascript
dotopAlert 提示用户需安装播放器的代码
2012/09/17 Javascript
ExtJS的拖拽效果示例
2013/12/09 Javascript
JavaScript调用ajax获取文本文件内容实现代码
2014/03/28 Javascript
JS实现超精简的链接列表在固定区域内滚动效果代码
2015/11/04 Javascript
JS与jQ读取xml文件的方法
2015/12/08 Javascript
Angular.js中$apply()和$digest()的深入理解
2016/10/13 Javascript
jquery组件WebUploader文件上传用法详解
2020/10/23 Javascript
AJAX和jQuery动态加载数据的实现方法
2016/12/05 Javascript
jquery的父、子、兄弟节点查找,节点的子节点循环方法
2016/12/07 Javascript
JavaScript常用截取字符串的三种方式用法区别实例解析
2018/05/15 Javascript
详解VUE中常用的几种import(模块、文件)引入方式
2018/07/03 Javascript
vue服务端渲染页面缓存和组件缓存的实例详解
2018/09/18 Javascript
Vue 根据条件判断van-tab的显示方式
2020/08/03 Javascript
MySQLdb ImportError: libmysqlclient.so.18解决方法
2014/08/21 Python
详解使用 pyenv 管理多个版本 python 环境
2017/10/19 Python
python Web开发你要理解的WSGI & uwsgi详解
2018/08/01 Python
python实现根据指定字符截取对应的行的内容方法
2018/10/23 Python
python实现彩色图转换成灰度图
2019/01/15 Python
python 修改本地网络配置的方法
2019/08/14 Python
python sorted方法和列表使用解析
2019/11/18 Python
python 命名规范知识点汇总
2020/02/14 Python
Python图像处理库PIL的ImageDraw模块介绍详解
2020/02/26 Python
HTML5打开本地app应用的方法
2016/03/31 HTML / CSS
AmazeUI 点击元素显示全屏的实现
2020/08/25 HTML / CSS
凯普林包包西班牙官网:Kipling西班牙
2019/04/12 全球购物
介绍一下结构化程序设计方法和面向对象程序设计方法的区别
2012/06/27 面试题
Python面试题:如何用Python来发送邮件
2016/03/15 面试题
农田水利实习自我鉴定
2013/09/19 职场文书
办公室文秘自我鉴定
2013/09/21 职场文书
高中自我评价分享
2013/12/05 职场文书
志愿者工作心得体会
2016/01/15 职场文书
教师学期述职自我鉴定
2019/08/16 职场文书