jQuery盖章效果插件jquery.stamper

插件特效
2026-07-21 13:07 4 次浏览 • 0 次下载 2.7KB
jQuery盖章效果插件jquery.stamper

更新时间:2022-06-13 02:29:43

jquery.stamper使用说明

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

1、说明

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

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

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

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

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

3、参数

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

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

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

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

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