jQuery盖章效果插件jquery.stamper

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

 17965  72  查看评论 (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:盖章特效完成后的回调方法(无参数)

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

纯css仿qq浏览器官网的彗星

仿qq浏览器官网的彗星,纯css
  动画效果
 43826  502

一个不错的下雪效果

很简单,导进去直接用
  动画效果
 38925  475

简单实用的jQuery和CSS3卡片自动翻牌特效

这是一款简单实用的jQuery和CSS3卡片自动翻牌特效。该卡片翻转效果使用CSS3透视和backfacevisibility属性来制作卡片正反面效果,并使用jQuery使其自动旋转起来。
  动画效果
 52048  357

canvas 雨滴

这款动画主要是模拟了下雨的场景,雨滴从空中飘落,落在地上溅起水花,整个过程模拟得相当逼真。更重要的是,这款HTML5下雨动画还可以通过鼠标控制风向和雨水强度,鼠标左右滑动控制雨滴方向,鼠标上下滑动控制雨滴密度。
  动画效果
 30633  420

讨论这个项目(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
    要是可以打印就好啦 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复