请使用firefox,chrome等最新浏览器浏览本站。

scretchModule(刮刮乐)

html5 阿豹 335次浏览 0个评论 扫描二维码

查看demo
下载scretchModule.js

参数说明:
* @param node: document.getElementById("scretch"),//js object 
* @param width: 220,//宽度 
* @param height: 44,//高度
* @param backImgType: "img"或"text",//显示层类型
* @param backImgSrc: "images/back.jpg"或"100元",//如果backImgType设置为img,backImgSrc为图片路径;如果backImgType设置为text,backImgSrc为文本
* @param frontImgType: "img"或"text",//显示层类型
* @param frontImgSrc: "images/back.jpg"或"100元",//如果frontImgType设置为img,frontImgSrc为图片路径;如果frontImgType设置为text,frontImgSrc为文本
* @param percentPar: 50,//取值0-100,表示刮掉的比例。
* @param backFun: function,//刮完percentPar设置的比例的回调

调用:

<div id="scretch"></div>
<script>
var option = {
                    node: document.getElementById("scretch"),
                    width: 220,
                    height: 40,
                    backImgType: "text",
                    backImgSrc: "100元",
                    frontImgType: "text",
                    frontImgSrc: "",
                    percentPar: 50, //1-100表示透明区域的百分比
                    backFun: function() {
                        $(".shareCover").show();
                        $(".shareCover").addClass("bounceIn");
                    }
                };
var myCanvas1 = new Scretch(option);
</script>

转载请注明scretchModule(刮刮乐)
喜欢 (0)or分享 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到