注册    登录
最新消息: 本以为花钱买了那个amh的板面可以让网站更稳定,结果搞得整 个网站运行出错,真是赔了夫人又折兵,对不起大家了。最新版jquery-2.1.1下载  ,在线的 jquery API使用手册, 稳定版jquery.mobile-1.3.2下载

很酷的jquery图片拼图插件Image jigsaw

动画 fishcity 2406浏览

jquery图片拼图Image jigsaw

Image jigsaw一款轻量级的jquery图片拼图插件,大小只有3KB,使用Image jigsaw可非常轻松的给任何图片建创拼图效果,同时拼板会在一定时间内随机变化,视觉效果不错。

jquery实例:Image jigsaw的使用方法

引入核心文件

<script src="http://libs.useso.com/js/jquery/1.9.1/jquery.min.js"></script>
<script src="js/jquery.image-jigsaw.min.js"></script>

构建html,建立一个画板,添加class="panel"的属性,最后把图片包含在里面。代码如下

<div class="panel">
    <img src="img.jpg">
</div>

写入JS初始化

$(".panel").jigsaw({freq: 2000, x: 4, y:4, margin: 2});

参数说明

freq:定义时间,单为毫秒。改变拼板图片的间隔时间
x: 定义拼图的列数
y: 定义拼图的行数

margin: 拼图每个块间的间隔

转载请注明:jQ酷 » 很酷的jquery图片拼图插件Image jigsaw

下载地址:本站下载 | 百度云 | 官方下载
下载说明:
☉如果您发现本文件已经失效不能下载,请联系站长修正!
☉如果您下载的文件出现解压不了或文件受损等情况,请选择其他下载点重新下载。
☉下载本站资源,如果服务器暂不能下载请过一段时间重试!
☉有小部分资源需要解压密码,请输入:jqcool.net。
☉本站提供的所有资源仅供学习研究与参考,请勿用于商业用途。