现在位置首页 / 前端开发 /正文

jquery 仿淘宝刮刮卡插件(微信使用)

作者: IT小兵 | 2014年4月16日| 热度:℃ | 评论: |参与:

今天分享一个jquery 仿淘宝刮刮卡插件:wScratchPad

官方地址:

http://github.com/websanova/wScratchPad 

效果图:

使用:

引用js:

<!-- jQuery -->
<script type="text/javascript" src="./inc/jquery.1.8.2.min.js"></script>
<script type="text/javascript" src="./wScratchPad.js"></script>

调用函数:

$("#wScratchPad3").wScratchPad({
			cursor:'./cursors/mario.png',
			scratchMove: function(e, percent)
			{
				if(percent > 70)
				this.clear();
			},
		});

参数说明:

$('#elem').wScratchPad({
  size        : 5,          // The size of the brush/scratch.
  bg          : '#cacaca',  // Background (image path or hex color).
  fg          : '#6699ff',  // Foreground (image path or hex color).
  realtime    : true,       // Calculates percentage in realitime.
  scratchDown : null,       // Set scratchDown callback.
  scratchUp   : null,       // Set scratchUp callback.
  scratchMove : null,       // Set scratcMove callback.
  cursor      : 'crosshair' // Set cursor.});

转发注明:IT分享  http://www.suchso.com 

点击阅读本文所属分类的更多文章: 前端开发 。和高手一起交流:346717337
友荐云推荐

未注明转发、原文均为本站原创。分享本文请注明 原文链接

给您更多信息和帮助

在这里您可以找到更多:

技术交流群:346717337 Jquery插件交流

投稿:suchso@vip.qq.com

承接:企业网站门户/微网站/微商城/CMS系统/微信公众号运营/业务咨询

抢天猫双11红包
推荐使用阿里云服务器
echarts教程系列
本月最热文章

微信扫一扫,徜徉悠嘻网,您的休闲乐园

微信公众号:快乐每一天

随机文章
标签

技术交流群:346717337

投稿:suchso@vip.qq.com

专业专注:企业网站门户/微网站/微商城/CMS系统/微信公众号运营/付费问题咨询