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
  • 怎样邀请好友加入群
  • 热门搜索
    怎么去八达岭长城 如何隐藏图标 培训学校如何招生 如何在京东开店 鼻子有点歪怎么办 野帝怎么样 肚子大怎么减下来 如何开微信公众号 数字人民币是什么意思 榴莲不能和什么一起吃