jQuery盖章效果插件jquery.stamper

所属分类:其他-动画效果,杂项

 12554  66  查看评论 (5)
分享到微信朋友圈
X
jQuery盖章效果插件jquery.stamper ie兼容9

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

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可配置的参数如下: 

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

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

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

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

相关插件-动画效果,杂项

文字插件特效_文字动画特效js插件

此插件是针对文字写的一个动画插件,主要可运用在开场和出场的时候,插件方便小巧,只需要配置参数即可达到数十种动画效果
  动画效果
 56315  852

简单的jQuery开关灯特效

jQuery开关灯特效,眼见跟随鼠标位置移动
  动画效果
 19276  294

jQuery钱飘落效果

jQuery页面撒钱效果,代码很简单修改方便,想要别的效果可以替换图片比如落叶
  动画效果
 27448  322

three.js 创建 多面立方体

基于three.js 创建6面立方体模型 可旋转添加动画
  动画效果
 26491  311

讨论这个项目(5)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    Function 0
    2022/7/14 7:45:34
    一个css动画就能搞定的事情,不懂为什么要写这么个玩意儿
        ﻬ地铁的跳蚤☸²º¹⁴☺0
        2022/7/14 9:53:55
        你不懂的多了,插件本来就是给不会写的人参考使用的,如果你可以,那就用你的方式写个更好的
        Function0
        2022/7/16 16:55:50
        给你个建议,你应该把参数改成提供单位名称,日期等等其他,自动生成一个章,而不是我有一个章的图片,就单纯给他加了一个动画效果。
        虞哥0
        2022/8/8 12:47:15
        对头
    回复
    花开莫与流年错 0
    2022/6/16 13:40:03
    要是可以打印就好啦 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复