jQuery Stamping Effect Plugin: jquery.stamper
Last Updated: 2022-06-13 02:29:43
jquery.stamper Usage Instructions
A jQuery plugin that simulates realistic stamping effects on web pages. Version 0.2 natively supports displaying multiple stamps simultaneously on the same page and also optimizes DOM memory consumption.
1. Description
jquery.stamper is a jQuery plugin that simulates realistic stamping effects through animation. Visit the GitHub project repository.
2. Usage Include the jquery and jquery.stamper JavaScript files in your page:
1 2 | <script src="jquery-1.10.2.min.js"></script><script src="jquery.stamper.js"></script> |
Then call jquery.stamper on the element where you want the stamp to appear, as shown below:
1 2 3 | $("#elementId").stamper({ image : "images/stamper.png"}); |
3. Parameters
The configurable parameters of jquery.stamper are as follows:
1. image: The image path of the stamp. Required.
2. scale: The enlargement factor of the stamp image. The default is 5x. Setting this value too high may cause the stamp to exceed the screen dimensions significantly, resulting in a longer display time.
3. speed: Animation speed. The default is 600 (milliseconds). It is usually used together with scale to determine the overall animation duration.
4. complete: Callback function executed when the stamping animation is complete (no parameters).