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

 更新时间:2014年06月10日 09:08:12   作者:  
最近一直在做微信相关的开发工作,刮刮乐是一个最常见的微信应用了,网上也有很多的教程,本来是不想写这篇博文的,但又怕网友被坑,我还是写一下。

下载 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 使用curl模拟登录人人(校内)网的简单实例

    php 使用curl模拟登录人人(校内)网的简单实例

    下面小编就为大家带来一篇php 使用curl模拟登录人人(校内)网的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-06-06
  • Laravel日志用法详解

    Laravel日志用法详解

    这篇文章主要介绍了Laravel日志用法,结合实例形式较为详细的分析了Laravel日志的功能、定义、使用方法与相关注意事项,需要的朋友可以参考下
    2016-10-10
  • 简单的PHP留言本实例代码

    简单的PHP留言本实例代码

    对于学习php的朋友,开始做个留言板对于php+mysql的操作有个简单的过程。学会了这个基本上php开始入门了。
    2010-05-05
  • 详解PHP如何完成验证码功能示例

    详解PHP如何完成验证码功能示例

    这篇文章主要介绍了PHP如何完成验证码功能示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-12-12
  • thinkPHP5.0框架命名空间详解

    thinkPHP5.0框架命名空间详解

    这篇文章主要介绍了thinkPHP5.0框架命名空间,结合具体实例形式详细分析了thinkPHP5.0中命名空间的概念、功能及相关使用方法,需要的朋友可以参考下
    2017-03-03
  • 基于thinkPHP类的插入数据库操作功能示例

    基于thinkPHP类的插入数据库操作功能示例

    这篇文章主要介绍了基于thinkPHP类的插入数据库操作功能,结合实例形式分析了thinkPHP数据库操作的常用技巧,需要的朋友可以参考下
    2017-01-01
  • Laravel中的Auth模块详解

    Laravel中的Auth模块详解

    最近在工作中遇到了Auth模块,但是对Auth模块一知半解,通过查找相关的资料了解学习,所以下面这篇文章主要给大家介绍了关于Laravel中Auth模块的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考借鉴,下面来一起看看吧。
    2017-08-08
  • 一个很不错的PHP翻页类

    一个很不错的PHP翻页类

    一个很不错的PHP翻页类,包含了使用例子,感谢Alan
    2009-06-06
  • Laravel框架实现的批量删除功能示例

    Laravel框架实现的批量删除功能示例

    这篇文章主要介绍了Laravel框架实现的批量删除功能,结合实例形式分析了Laravel框架批量删除功能相关的前端界面布局及后台控制器实现技巧,需要的朋友可以参考下
    2019-01-01
  • ThinkPHP3.1新特性之动态设置自动完成及自动验证示例代码

    ThinkPHP3.1新特性之动态设置自动完成及自动验证示例代码

    这篇文章主要介绍了ThinkPHP3.1的动态设置自动完成及自动验证功能,需要的朋友可以参考下
    2014-06-06

最新评论