jQuery模拟盖章效果的插件

jquery.stamper

一款在网页上模拟现实中的盖章效果的jQuery插件,0.2版本已原生支持同一个页面上多个章同时显示的问题(并且优化了DOM内存消耗)。

1、说明

jquery.stamper是一款模拟现实中盖章效果的jquery插件,通过动画的形式展现盖章效果。访问GitHub项目库

2、使用

在页面上引入jquery和jquery.stamper两个JS文件:

<script src="jquery-1.10.2.min.js"></script>
<script src="jquery.stamper.js"></script>

然后在需要盖章的元素上调用jquery.stamper即可,如下:

$("#elementId").stamper({
    image : "images/stamper.png"
});

3、参数

jquery.stamper可配置的参数如下:

  • image:章的图片路径,必须指定

  • scale:章图片的放大倍数,默认5倍。如果设置过大可能会超出屏幕大小太多导致较长时间才会显示

  • speed:效果速度值,默认是600(单位毫秒)。通常与scale配合一起决定整个效果的时间

  • complete:盖章特效完成后的回调方法(无参数)

赞(52) 打赏
未经允许不得转载:优客志 » 前端设计
分享到:

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏