分享超酷的添加图片悬浮特效jQuery插件

日期：2012/03/08

在线演示本地下载

今天分享一个帮助你添加图片悬浮特效的jQuery插件 - Adipoli，这个插件可以帮助你添加各种不同的悬浮特效到你指定的图片上，特别适合制作你的相册，或者是网站个人作品集展示。你可以通过这种悬浮特效帮助用户集中浏览当前的图片，提高用户使用体验。希望大家喜欢！

主要特性

支持20多种不同的悬浮特效，包括初始特效和悬浮特效
支持主流浏览器，同时针对兼容HTML5的浏览器有特殊效果
支持多选项，用户可以自定义相关设定

如何使用

导入需要的类库和CSS：

<link href="css/adipoli.css" rel="stylesheet" type="text/css"/><script src="js/jquery-1.7.1.js" type="text/javascript"></script><script src="js/jquery.adipoli.min.js" type="text/javascript"></script>

指定需要悬浮特效的图片：

<script>      $('#gbin1-image').adipoli();</script>

或者你可以指定选项：

$('#image1').adipoli({    'startEffect' : 'normal',    'hoverEffect' : 'popout'});

选项介绍

startEffect :缺省图片样式
hoverEffect : 悬浮后的图片样式
imageOpacity : 初始图片效果为透明或者覆盖效果时的图片透明度
animSpeed : 特效的动画速度
fillColor : 覆盖颜色
textColor : 文字颜色
overlayText : 缺省显示在覆盖层上的HTML
slices : 切片动画特效中的切片数量
boxCols : 盒式特效中的盒子个数
boxRows : 盒式特效中行数
popOutMargin : 图片弹出的margin
popOutShadow : 图片弹出效果的阴影长度，只支持哪些支持text-shadow的浏览器

特效支持

初始特效:

transparent
normal
overlay
grayscale

悬浮特效

normal
popout
sliceDown
sliceDownLeft
sliceUp
sliceUpLeft
sliceUpRandom
sliceUpDown
sliceUpDownLeft
fold
foldLeft
boxRandom
boxRain
boxRainReverse
boxRainGrow
boxRainGrowReverse

来源：分享一个分享超酷的添加图片悬浮特效jQuery插件 - Adipoli

转载于:https://www.cnblogs.com/gbin1/archive/2012/03/08/2385632.html

分享超酷的添加图片悬浮特效jQuery插件 - Adipoli相关推荐

帮助你生成超酷计时器和时钟效果的jQuery插件 - FlipClock.js
为什么80%的码农都做不了架构师?>>> 日期:2013-6-6 来源:GBin1.com 在线演示 FlipClock.js 是一款功能强大并且支持自定义的时钟和计时器的j ...
html5给页面添加树叶特效,jQuery超酷页面树叶飘落装饰特效插件
这是一款效果非常炫酷的页面树叶飘落装饰特效jQuery插件.该jQuery插件可以在页面顶部生成各种树叶,这些树叶会随机飘落,在树叶飘落的过程中,使用鼠标点击它将会发生更加神奇的效果. 该jQuery ...
html5立体照片墙效果,HTML5特效可以 14种jQuery超酷3D网格照片墙动画特效源码
效果图各位长友大家好, 今天给大家带来的是14种jQuery超酷3D网格照片墙动画特效源码! 大家可以按照自己的意愿做成个人喜欢的样子! 想要文件版源码的,请加穷581549454 废话不多说. ...
html img 圆头像_纯CSS3炫酷圆形头像图片过滤特效
这是一款效果非常酷的纯CSS3炫酷圆形头像图片过滤特效.该特效将图片制作为圆形图片,以网格形式布局,带点击相应的分类按钮后,该类别的图片被放大显示,其它类别的图片被缩小,效果非常的不错. 制作方法 H ...
jQuery插件：超酷的多列网格式拖放插件gridster.js
为什么80%的码农都做不了架构师?>>> 日期:2012-8-15 来源:GBin1.com 在线演示本地下载以往的文章中,我们分享了很多jQuery相关拖放插件,今天 ...
超全超实用的Javascript类库和jQuery插件大全之一：图片，地图和图形
为什么80%的码农都做不了架构师?>>> 日期:2012-10-10 来源:GBin1.com 如果你需要解决一些开发中遇到的技术问题的话,很可能会找到一些相关的javasc ...
html表单模板属性,HTML5超酷响应式表单美化模板插件
这是一款非常效果非常酷的HTML5超酷响应式表单美化效果插件.表单的整体效果使用扁平化风格,使用media queries来为各种屏幕创建响应式效果.在大屏幕上,整个表单分三列显示,当屏幕小到一定程度 ...
分享13个帮助你简化开发的jQuery插件
为什么80%的码农都做不了架构师?>>> 日期:2012-7-23 来源:GBin1.com jQuery的社区力量的重要体现就是jQuery插件,我们每隔一段时间就会在jQ ...
分享10个2012年最新发布的jQuery插件
为什么80%的码农都做不了架构师?>>> 日期:2012-5-9 来源:GBin1.com 本文收集了最新的jQuery社区发布的jQuery插件,绝对是你没有见过的,希望大 ...

分享超酷的添加图片悬浮特效jQuery插件 - Adipoli

主要特性

如何使用

选项介绍

特效支持

分享超酷的添加图片悬浮特效jQuery插件 - Adipoli相关推荐

最新文章

热门文章