注册 登录 充值会员 退出
网站、APP、小程序等定制开发,联系QQ 1206995177 毕业设计 java源码 PHP源码

充值

手机端刮奖效果jquery.eraser.js插件

作者/代码整理:  (源码已亲测,不会安装的可以向QQ1915635791要安装视频教程) 发布日期:2023-01-29
手机端刮奖效果jquery.eraser.js插件
一款采用jquery.eraser.js插件写的手机端刮奖特效代码。


js代码

<script type="text/javascript" src="js/jquery.eraser.js" ></script>
<script>
	$(window).load(function  () { //这个适用手机端,等图片加载完再显示,因为有可能会出现第一次加载图片没有加载完就不会出现canvas
		$('#redux').eraser( {
			size: 20,   //设置橡皮擦大小
			completeRatio: .6, //设置擦除面积比例
			completeFunction: showResetButton   //大于擦除面积比例触发函数
		});
		function showResetButton(){
			$(".main_box .show,.main_box .mask").fadeIn(300)
		}
		$(".main_box .mask,.main_box .show .close,.main_box .show .btn").click(function  () {
			$(".main_box .show,.main_box .mask").fadeOut(300)
		})
	})
</script>