`
ti8989
  • 浏览: 26298 次
文章分类
社区版块
存档分类
最新评论

[转贴]jQuery图片悬停效果插件

 
阅读更多
[转自给力技术]http://site518.net/jquery-image-hover-effects-adipoli/

    Adipoli 是一个简单易用的轻量级 jQuery 插件,它能够让你以简单的方式创建出很漂亮的图片悬停效果。此插件已经内置了20多种悬停变换效果,而且它的定制性也相当高,提供了多个配置选项以便打造出个性化的效果。
如何使用

  首先引入 jQuery 类库文件和 Adipoli 插件。

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

  如果要在 ID 为 image1 的图片上应用悬停效果,则可以使用以下方式实现

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

    查看演示
分享到:
评论

相关推荐

    jquery的转贴功能实现

    这可以通过jQuery的动画效果和插件如`$.fn.modal()`实现。 在提供的文件列表中,`sharelinks.htm`可能是实现这个功能的HTML模板,`jquery-1.4.2.js`和`jquery-1.3.2.js`是jQuery库的不同版本,`sharelinks.js`很...

    WodrPress远程图片本地化插件 Auto Save Image 2.2.1.rar

    wordpress的插件机制十分强大,我们在使用WordPress写文章的时候,免不了会转贴一些精彩的文章到自己的博客以便于分享、收藏。然而,当需要转贴的文章中含有大量图片时,为了防止原文图片链接失效,通常需要将图片...

    Convert X 转贴工具插件 for Discuz!7.0.rar

    "Convert X 转贴工具插件 for Discuz!7.0" 是一款专为Discuz! 7.0论坛系统设计的程序插件。Discuz!是一款非常流行的开源社区论坛软件,它允许用户建立自己的在线社区,进行讨论和互动。这款转贴工具插件的出现,...

    uchome2.0+一键转贴插件

    uchome2.0+一键转贴插件 本插件由开源插件网(sns.zhisoo.com)提供。 激励的文章!奋斗的捷径!成功的法则!创业的技巧!奋进的环境! 更重要的是你可以找到与你志趣相同的网友!一起探讨奋斗的目标! 加入我们...

    WPS文字将文档输出为图片格式方法.docx

    1、保护版权:将文档转换为图片格式,可以保护作者的版权,防止他人复制和转贴。 2、提高阅读体验:图片格式的文章可以提高阅读的体验,特别是在技术论坛上,图片格式的文章可以更加吸引读者的目光。 3、便捷快速...

    特效显示图片.rar

    这些效果可以通过编程语言(如JavaScript、CSS或使用库如jQuery)、图像处理软件(如Adobe Photoshop)或者Web开发框架(如React或Vue.js)来实现。例如,CSS3提供了一系列的属性,如`transition`和`animation`,...

    一键转帖功能插件 for 帝国CMS v1.0.rar

    "一键转帖功能插件 for 帝国CMS v1.0.rar" 是一个专为帝国CMS设计的扩展工具,其主要目标是简化用户在网站上分享内容的过程,提高用户体验。这个插件允许用户轻松地将网站上的文章或信息复制并转发到其他平台,如...

    足球即时比分插件for leadbbs3.14

    一、解压文件,将文件夹上传到你论坛的plug-ins目录下,(没有的话,自行创建), 二、修改Board_Popfun.asp文件,在 ... 三、将相关文件中的相关地址内容改为你的 特别说明: 此插件改自dvbbs,转贴请标明出处!!!

    动网转贴.e.rar

    动网论坛的用户可能经常进行帖子的分享和转贴,这些信息可能包括帖子的文本内容、图片、链接和其他附件。.rar文件格式是一种常见的压缩格式,用于将多个文件打包在一起,减少存储空间并方便传输。 【标签】"动网...

    动易系统的论坛转贴工具

    这款工具的出现,不仅简化了用户在不同论坛间复制、粘贴内容的过程,还为网站带来了潜在的反向链接,对提升网站的搜索引擎优化(SEO)效果具有积极意义。 动易系统,作为国内知名的CMS(内容管理系统)提供商,一直...

    易语言动网转贴.rar

    由于压缩包文件名为“易语言动网转贴.rar”,我们可以推测这可能是一个软件开发资源,包含了一些源代码、教程或者是相关插件。 在易语言中,"动网"通常指的是动网论坛,这是一个曾经非常流行的网络社区平台。"转贴...

    BFC UBB转贴器

    由于现在流行的转贴工具都是基于浏览器的,转换速度比较慢,还得打开浏览器才能使用(同时受到浏览器版本限制)。 &lt;br&gt; 而这个小程序则完全不依赖于浏览器,以BFC采集器的UBB转换模块为基础,转换速度超快,...

    易语言源码动网转贴.rar

    "动网转贴"这个主题可能指的是在论坛或者社交网络中实现帖子转发或分享的功能。 动网转贴的源码可能涉及到以下几个方面的知识点: 1. **网络通信**:在实现动网转贴功能时,首先需要与服务器进行交互,发送用户的...

    电子政务-导电泡棉转贴装置.zip

    4. **案例分析**:可能列举了若干成功应用导电泡棉转贴装置于电子政务系统的实例,分析其在提高系统稳定性、降低维护成本等方面的效果。 5. **技术标准与规范**:介绍相关行业的技术标准,如EMC(电磁兼容性)标准...

    一个可以批量抓取网页图片的工具

    1)抓取文件URL列表,可以转换为UBB代码或HTML代码,便于将选中的图片批量转贴到支持UBB的论坛 2)另存图片到指定的本地文件夹,另存时可沿用原来的文件名,也可批量重命名(类似于ACDSee);对于相同文件名已存在的...

    Discuz! 幻雪插件版

    ) 安装社区图片(类似与上面的BT PAGE,这个搜索附件里的图片。) 安装社区法院 安装社区游乐园(喔,好象有几十个游戏吧。。。) 安装版主申请插件 万年日历(原圆圆版) 备忘记事(原...

    Html处理软件、转贴工具(源代码)

    去除Html中的干扰码等(样例中以轻之国度的干扰码为例) 配置文件语法: 方法类型(整数) 最大匹配长度(整数) 字符串1(删除开头) 字符串2(删除结尾) 方法类型: 1:删除单行 2:删除行与行之间的

    Discuz! v2.5 幻雪插件版

    ) 安装社区图片(类似与上面的BT PAGE,这个搜索附件里的图片。) 安装社区法院 安装社区游乐园(喔,好象有几十个游戏吧。。。) 安装版主申请插件 万年日历(原圆圆版) 备忘记事(原圆圆版) 许愿祝福(原...

    行业分类-设备装置-FPC吸附胶纸转贴组件.zip

    粘合剂则根据应用需求选择不同特性的胶黏剂,以确保在不同环境条件下仍能保持良好的粘接效果;保护层通常为离型纸或离型膜,便于在使用前保持胶纸的清洁,避免污染。 FPC吸附胶纸转贴组件的工作原理是利用胶纸的...

Global site tag (gtag.js) - Google Analytics