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

2015-01-24信息快讯网

下载 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中$this和$that指针使用实例
ThinkPHP中I(),U(),$this->post()等函数用法
自编函数解决pathinfo()函数处理中文问题
PHP处理Oracle的CLOB实例
ThinkPHP实现二级循环读取的方法
ThinkPHP写数组插入与获取最新插入数据ID实例
ThinkPHP有变量的where条件分页实例
为PHP安装imagick时出现Cannot locate header file MagickWand.h错误的解决方法
ThinkPHP实现带验证码的文件上传功能实例
Laravel 4 初级教程之Pages、表单验证
Laravel 4 初级教程之视图、命名空间、路由
Laravel 4 初级教程之安装及入门
推荐几款用 Sublime Text 开发 Laravel 所用到的插件
PHP启动windows应用程序、执行bat批处理、执行cmd命令的方法(exec、system函数详解)
php生成xml时添加CDATA标签的方法
PHP @ at 记号的作用示例介绍
PHP面向对象教程之自定义类
百度地图API应用之获取用户的具体位置
PHP、Nginx、Apache中禁止网页被iframe引用的方法
利用谷歌 Translate API制作自己的翻译脚本
windwos下使用php连接oracle数据库的过程分享
php+highchats生成动态统计图
ThinkPHP使用心得分享-ThinkPHP + Ajax 实现2级联动下拉菜单
ThinkPHP使用心得分享-上传类UploadFile的使用
ThinkPHP使用心得分享-分页类Page的用法
PHP中date与gmdate的区别及默认时区设置
thinkphp实现面包屑导航(当前位置)例子分享
PHP中把stdClass Object转array的几个方法
php实现信用卡校验位算法THE LUHN MOD-10示例
codeigniter框架The URI you submitted has disallowed characters错误解决方法
JS异常处理try..catch语句的作用和实例
php加速器eAccelerator的配置参数、API详解
PHP的构造方法,析构方法和this关键字详细介绍
探讨PHP中this,self,parent的区别详解
深入php self与$this的详解
©2014-2024 dbsqp.com