免费 域名 空间 相册 邮箱 资源 网赚 试用 优惠 工具
教程 设计 三维 学院 办公 网页
素材 PSD 矢量 网页 PPT 动画
美女 唯美 大生活 美图 风景 时尚艺
资讯 综合 专题 热点
您的位置: 广信之家 > 免费资源 > 免费插件 > 文章正文

一款添加图片悬浮特效jQuery插件 - Adipoli

时间:03-13 16:04 来源:gbin1.com 整理:广信小编 我要评论(0)
字号:T|T
内容提要:
  今天分享一个帮助你添加图片悬浮特效的jQuery插件 - Adipoli,这个插件可以帮助你添加各种不同的悬浮特效到你指定的图片上,特别适合制作你的相册,或者是网站个人作品集展

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

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

主要特性

1.支持20多种不同的悬浮特效,包括初始特效和悬浮特效

2.支持主流浏览器,同时针对兼容HTML5的浏览器有特殊效果

3.支持多选项,用户可以自定义相关设定

如何使用

导入需要的类库和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

    相关阅读:

    顶一下
    (0)
    0%
    踩一下
    (0)
    0%
    免责申明:以上内容仅代表原创者观点,其内容未经本站证实,一款添加图片悬浮特效jQuery插件 - Adipoli对以上内容的真实性、完整性不作任何保证或承诺,转载目的在于传递更多信息,由此产生的后果与一款添加图片悬浮特效jQuery插件 - Adipoli无关;如以上转载内容不慎侵犯了您的权益,请联系我们将会及时处理。
    [责任编辑:广信小编]

    精彩图文

    登录 (请登录发言,并遵守 相关规定)
    如果你对广信之家有任何意见或建议,请到交流平台反馈。到留言板反馈