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


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 相关文章推荐
php设计模式 Delegation(委托模式)
Jun 26 PHP
批量去除PHP文件中bom的PHP代码
Mar 13 PHP
php控制linux服务器常用功能 关机 重启 开新站点等
Sep 05 PHP
将酷狗krc歌词解析并转换为lrc歌词php源码
Jun 20 PHP
php中操作memcached缓存进行增删改查数据的实现代码
Aug 15 PHP
PHP中key和current,next的联合运用实例分析
Mar 29 PHP
PHP文件上传处理案例分析
Oct 15 PHP
PHP使用GD库输出汉字的方法【测试可用】
Nov 10 PHP
PHP判断json格式是否正确的实现代码
Sep 20 PHP
PHP智能识别收货地址信息实例
Jan 05 PHP
php+lottery.js实现九宫格抽奖功能
Jul 21 PHP
解决laravel上传图片之后,目录有图片,但是访问不到(404)的问题
Oct 14 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技术开发技巧分享
2010/03/23 PHP
有关PHP中MVC的开发经验分享
2012/05/17 PHP
基于PHP的简单采集数据入库程序【续篇】
2014/07/30 PHP
Laravel 4 初级教程之Pages、表单验证
2014/10/30 PHP
php中opendir函数用法实例
2014/11/15 PHP
PHP获取客户端及服务器端IP的封装类
2016/07/21 PHP
PHP 传输会话curl函数的实例详解
2017/09/12 PHP
PHP信号处理机制的操作代码讲解
2019/04/19 PHP
XHTML-Strict 内允许出现的标签
2006/12/11 Javascript
Prototype使用指南之string.js
2007/01/10 Javascript
JQuery toggle使用分析
2009/11/16 Javascript
jQuery中的bind绑定事件与文本框改变事件的临时解决方法
2010/08/13 Javascript
基于JQuery的动态删除Table表格的行和列的代码
2011/05/12 Javascript
js与jquery获取父元素,删除子元素的两种不同方法
2014/01/09 Javascript
深入理解JavaScript系列(36):设计模式之中介者模式详解
2015/03/04 Javascript
分享15个大家都熟知的jquery小技巧
2015/12/02 Javascript
第一次接触JS require.js模块化工具
2016/04/17 Javascript
jQuery封装的屏幕居中提示信息代码
2016/06/08 Javascript
Bootstrap3制作搜索框样式的方法
2016/07/11 Javascript
Bootstrap table使用方法详细介绍
2016/12/09 Javascript
快速入门Vue
2016/12/19 Javascript
从零开始学习Node.js系列教程之SQLite3和MongoDB用法分析
2017/04/13 Javascript
node中modules.exports与exports导出的区别
2018/06/08 Javascript
vue实现学生录入系统之添加删除功能
2018/07/11 Javascript
Node.js Buffer模块功能及常用方法实例分析
2019/01/05 Javascript
JavaScript一元正号运算符示例代码
2019/06/30 Javascript
js实现点赞按钮功能的实例代码
2020/03/06 Javascript
vue跳转页面的几种方法(推荐)
2020/03/26 Javascript
浅谈javascript事件环微任务和宏任务队列原理
2020/09/12 Javascript
vue 验证两次输入的密码是否一致的方法示例
2020/09/29 Javascript
React服务端渲染原理解析与实践
2021/03/04 Javascript
Python多线程实现同步的四种方式
2017/05/02 Python
python样条插值的实现代码
2018/12/17 Python
Django框架orM与自定义SQL语句混合事务控制操作
2019/06/27 Python
TUMI澳大利亚网站:美国旅行箱包品牌
2017/03/27 全球购物
Nginx设置HTTPS的方法步骤 443证书配置方法
2022/03/21 Servers