<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>
<head><meta forua="true" http-equiv="Cache-Control" content="max-age=0" /></head>
<card title="利用jQuery扩展wScratchPad来实现微信营销平台系统–刮刮乐的开发示例代码" id="card1">
<p> 游客</p><p>
标题:利用jQuery扩展wScratchPad来实现微信营销平台系统–刮刮乐的开发示例代码<br/>
正文:<br/>
下载 jquery扩展wScratchPad.js, 原站的页面打不开，我这里提供一个下载地址 wScratchPad-2.1.0.zip然后，这里修正一下在这个扩展里面,怎么才能过去用户的刮开的面积代码如下:$(&quot;#wScratchPad3&quot;).wScratchPad({<br/> cursor:'',  //设置鼠标的样式<br/> color:'gray' ,  //设置覆盖物的颜色，跟image2功能相斥<br/> width:&quot;300&quot;,<br/> height:&quot;100&quot;,<br/> image: &quot;&quot; //顶部的图片<br/>// 更多配置相关的选项请看源码<br/> scratchUp: function(e, percent){<br/> if(percent &amp;gt; 60)<br/> {<br/> alert(&quot;sss&quot;);<br/> }<br/> }<br/> });从上面的代码，看的出来，这个跟网上所谓的教程不一样，这里获取刮开的范围用到函数不是scratchMove（）<br/>而是<br/>scratchUp（）为嘛？看源码代码如下:scratchFunc: function(e, $this, event)<br/>        {<br/>            e.pageX = Math.floor(e.pageX - $this.canvas_offset.left);<br/>            e.pageY = Math.floor(e.pageY - $this.canvas_offset.top);<br/>            $this['scratch' + event](<br/><a href="http://camnpr.com/wap.asp?mode=WAP&amp;act=View&amp;id=1646&amp;Page=1">[&lt;&lt;]</a><a href="http://camnpr.com/wap.asp?mode=WAP&amp;act=View&amp;id=1646&amp;Page=1">[[1]]</a><a href="http://camnpr.com/wap.asp?mode=WAP&amp;act=View&amp;id=1646&amp;Page=2">[2]</a><a href="http://camnpr.com/wap.asp?mode=WAP&amp;act=View&amp;id=1646&amp;Page=2">[&gt;&gt;]</a><br/>
<br/>
<a href="wap.asp?act=Com&amp;id=1646">查看评论(0)</a><br/>
<a href="wap.asp?act=AddCom&amp;inpId=1646">发表评论</a><br/><br/>

<br/>

<br/>
<a href="http://camnpr.com/wap.asp">首页</a>
</p>
</card>
</wml>