jQuery蓋章效果插件:jquery.stamper

jopen 11年前發布 | 54K 次閱讀 jQuery 其他jQuery插件 jQuery插件

jquery.stamper是一款模擬現實中蓋章效果的jquery插件,通過動畫的形式展現蓋章效果。

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.id:img對象的id,指定不同的id則會生成不同的img對象,默認是jquery_stamper_img
2.image:章的圖片路徑,必須指定
3.scale:章圖片的放大倍數,默認5倍。如果設置過大可能會超出屏幕大小太多導致較長時間才會顯示
4.speed:效果速度值,默認是600(單位毫秒)。通常與scale配合一起決定整個效果的時間
100608_mnt2_68782.jpg

項目主頁:http://www.baiduhome.net/lib/view/home/1375082197936

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!