刮奖前的效果图:
刮奖后的效果图:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>刮奖</title>
<link rel="stylesheet" type="text/css" href="css/set.css">
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/wScratchPad.js"></script>
</head>
<body >
<div id="wScratchPad2" class="area"></div>
<script type="text/javascript">
//wScratchPad2 就是要放效果的DIV 的ID
$("#wScratchPad2").wScratchPad({
color: 'grey',//覆盖的刮刮层的颜色
image: 'images/img/result.jpg', //刮奖结果图片
image2: 'images/img/mario.jpg' //刮的笔刷图片
});
</script>
</body>
</html>