软件 聊天 安全 视频 浏览器 下载 系统 办公 教学 输入法
免费 域名 空间 相册 邮箱 资源 网赚 试用 优惠 工具
教程 设计 三维 学院 办公 网页
素材 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无关;如以上转载内容不慎侵犯了您的权益,请联系我们将会及时处理。
    [责任编辑:广信小编]

    精彩图文

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