<!DOCTYPE html>
<html>
<head>
<meta CHARSET="UTF-8">
<title>刮刮乐</title>
<script type="text/javascript" src="./inc/jquery.1.8.2.min.js"></script>
<script type="text/javascript" src="./wScratchPad.js"></script>
</head>
<div id="scratchpad" style="display:inline-block; position:relative;"></div>
<script type="text/javascript">
$("#scratchpad").wScratchPad({
width:'150',height:'40',color : "#a9a9a7",
scratchMove: function(e, percent)
{
if(percent > 70)
this.clear();
},
});
</script>
</body>
</html><!DOCTYPE html>
<html>
<head>
<meta CHARSET="UTF-8">
<title>刮刮乐</title>
<script type="text/javascript" src="./inc/jquery.1.8.2.min.js"></script>
<script type="text/javascript" src="./wScratchPad.js"></script>
</head>
<div id="scratchpad" style="display:inline-block; position:relative;"></div>
<script type="text/javascript">
var useragent = window.navigator.userAgent.toLowerCase();
$("#scratchpad").wScratchPad({
width:'150',height:'40',color : "#a9a9a7",
scratchMove: function(e, percent)
{
if (useragent.indexOf("android 4") > 0)
{
$("#scratchpad").css("color", "rgb(50,50,50)");
if ($("#scratchpad").css("color").indexOf("51") > 0)
{
$("#scratchpad").css("color", "rgb(50,50,50)");
}
else if($("#scratchpad").css("color").indexOf("50") > 0)
{
$("#scratchpad").css("color", "rgb(51,51,51)");
}
}
if(percent > 70)
this.clear();
},
});
</script>
</body>
</html>
【微信公众平台开发】微信刮刮乐，解决三星兼容性问题,布布扣,bubuko.com
原文：http://blog.csdn.net/qivan/article/details/32716043