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


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生成静态页
Nov 25 PHP
PHP 字符串编码截取函数(兼容utf-8和gb2312)
May 02 PHP
PHP MVC模式在网站架构中的实现分析
Mar 04 PHP
php的日期处理函数及uchome的function_coomon中日期处理函数的研究
Jan 12 PHP
注册页面之前先验证用户名是否存在的php代码
Jul 14 PHP
php中引用符号(&)的使用详解
Nov 13 PHP
PHP5多态性与动态绑定介绍
Apr 03 PHP
php自动载入类用法实例分析
Jun 24 PHP
PHP数组编码gbk与utf8互相转换的两种方法
Sep 01 PHP
Fleaphp常见函数功能与用法示例
Nov 15 PHP
Yii2中使用asset压缩js,css文件的方法
Nov 24 PHP
php + ajax 实现的写入数据库操作简单示例
May 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
用PHP连接MySQL代码的参数说明
2008/06/07 PHP
精通php的十大要点(上)
2009/02/04 PHP
PHP实现多进程并行操作的详解(可做守护进程)
2013/06/18 PHP
PHP+MySQL实现无极限分类栏目的方法
2015/12/23 PHP
使用TextRange获取输入框中光标的位置的代码
2007/03/08 Javascript
JS实现在Repeater控件中创建可隐藏区域的代码
2010/09/16 Javascript
js简易namespace管理器 实例代码
2013/06/21 Javascript
JS防止用户多次提交的简单代码
2013/08/01 Javascript
如何正确使用Nodejs 的 c++ module 链接到 OpenSSL
2014/08/03 NodeJs
jquery delay()介绍及使用指南
2014/09/02 Javascript
Vue 2.0中生命周期与钩子函数的一些理解
2017/05/09 Javascript
bootstrap模态框远程示例代码分享
2017/05/22 Javascript
基于JavaScript实现无缝滚动效果
2017/07/21 Javascript
手把手教你使用vue-cli脚手架(图文解析)
2017/11/08 Javascript
Vue v2.4中新增的$attrs及$listeners属性使用教程
2018/01/08 Javascript
Node.js的Koa实现JWT用户认证方法
2018/05/05 Javascript
JavaScript常用数学函数用法示例
2018/05/14 Javascript
vue中使用百度脑图kityminder-core二次开发的实现
2019/09/26 Javascript
p5.js码绘“跳动的小正方形”的实现代码
2019/10/22 Javascript
vue.js的状态管理vuex中store的使用详解
2019/11/08 Javascript
浅谈es6中的元编程
2020/12/01 Javascript
python网络编程学习笔记(二):socket建立网络客户端
2014/06/09 Python
Python实现简单的HttpServer服务器示例
2017/09/25 Python
Python实现多进程共享数据的方法分析
2017/12/04 Python
使用Python搭建虚拟环境的配置方法
2018/02/28 Python
PyQt5实现拖放功能
2018/04/25 Python
python分布式计算dispy的使用详解
2019/12/22 Python
Scrapy+Selenium自动获取cookie爬取网易云音乐个人喜爱歌单
2021/02/01 Python
利用简洁的图片预加载组件提升html5移动页面的用户体验
2016/03/11 HTML / CSS
htnl5利用svg页面高斯模糊的方法
2018/07/20 HTML / CSS
使用HTML和CSS实现的标签云效果(附demo)
2021/02/03 HTML / CSS
英国复古服装购物网站:Collectif
2019/10/30 全球购物
迪卡侬中国官网:Decathlon中国
2020/08/10 全球购物
安全检查验收制度
2014/01/12 职场文书
机关干部作风整顿心得体会
2016/01/22 职场文书
Python利器openpyxl之操作excel表格
2021/04/17 Python