jQuery超酷图片九宫格拼图特效插件应用介绍

 时间:2024-10-14 00:54:55

1、新建一个空的html页面文件。

jQuery超酷图片九宫格拼图特效插件应用介绍

2、在建好的html页面中引入jQuery和jquery.image-jigsaw.js文件。

jQuery超酷图片九宫格拼图特效插件应用介绍

3、该图片九宫格呓桕臂非拼图插件的html结构非常简单,创建一个<div>,给它设置一个classpanel,在<div>放置你想用于显示九宫格图片的<img>。

jQuery超酷图片九宫格拼图特效插件应用介绍

4、然后在页面加载完成后调用下面的代码。

jQuery超酷图片九宫格拼图特效插件应用介绍

5、可用参数 freq:图片切换的时间,单位毫秒 x:图片分割为多少行 y:图片分割为多少列 margin:九宫格的每个格子之间的margin

6、应用效果如下图:

jQuery超酷图片九宫格拼图特效插件应用介绍jQuery超酷图片九宫格拼图特效插件应用介绍jQuery超酷图片九宫格拼图特效插件应用介绍
  • mac对比工具BC怎么设置在活动标签旁打开新页?
  • 阿里云盘怎么开启自己备份?
  • 第一次考托福应该注意些什么?
  • 如何打开airdrop
  • 怎样邀请好友加入群
  • 热门搜索
    重庆旅游必去的地方 夏天去哪里旅游比较好 五一云南旅游 冀晋鲁旅游惠民卡 赴台旅游 肇庆旅游攻略 西樵山旅游攻略 新疆旅游景点大全 深圳华侨城旅游度假区 安徽旅游职业学院