jquery实现两个图片渐变切换效果的方法
更新时间：2015年06月25日 12:19:40 作者：不吃皮蛋
这篇文章主要介绍了jquery实现两个图片渐变切换效果的方法,涉及jquery针对图片的显示与隐藏效果的实现技巧,需要的朋友可以参考下
本文实例讲述了jquery实现两个图片渐变切换效果的方法。分享给大家供大家参考。具体如下：
这段代码演示了jquery如何实现两个图片渐变切换的效果，为id=kitten的div设置一个背景图片，通过jquery对div进行淡入淡出实现两个图片的渐变切换
html代码
<div id="kitten"> <img src="/images/kitten.jpg" alt="Kitten" /> </div>
jquery代码
$("#kitten").hover(function(){
$(this).find("img").fadeOut();
}, function() {
$(this).find("img").fadeIn();
});
希望本文所述对大家的jquery程序设计有所帮助。
您可能感兴趣的文章:
- jquery实现动画菜单的左右滚动、渐变及图形背景滚动等效果
- jQuery实现鼠标滑过Div层背景变颜色的方法
- jquery改变tr背景色的示例代码
- Jquery的hover方法让鼠标经过li时背景变色
- 用jquery实现点击栏目背景色改变
- jquery 实现的改变颜色与背景的代码 change(fontsize,background)补充2
- jQuery 行背景颜色的交替显示(隔行变色)实现代码
- jQuery与js实现颜色渐变的方法
- jQuery实现的文字hover颜色渐变效果实例
- jQuery实现的立体文字渐变效果
- jQuery animate()实现背景色渐变效果的处理方法【使用jQuery.color.js插件】
相关文章
jQuery配合coin-slider插件制作幻灯片效果的流程解析
coin-slider是GitHub上的一个人气JavaScript开源插件,用它来实现幻灯片效果只需要动手写很少的代码,下面我们就来看一下jQuery配合coin-slider插件制作幻灯片效果的流程解析.2016-05-05
这篇文章主要介绍了jQuery简单实现MD5加密的方法,基于jquery.md5.js插件实现md5加密功能,非常简单实用,需要的朋友可以参考下2017-03-03
jQuery插件jcrop+Fileapi完美实现图片上传+裁剪+预览的代码分享
这篇文章主要介绍了jQuery插件jcrop+Fileapi完美实现图片上传+裁剪+预览的代码，非常的简单实用，效果也很棒，有需要的小伙伴可以参考下。2015-04-04
我使用了JQuery进行了一段时间的前端开发，它让我从选择需要操作的元素痛苦中解放出来，因为提供的选择功能是如此的强大。 同时在开发过程中我被一个问题困惑了很久，也许在别人看来这根本不是问题！2009-10-10
通过过滤器可以获取特定的表单元素，如非输入项目或者单选按钮的已选项目等元素，可用的2011-07-07
将JQuery1.2.6升级到JQuery1.4，有几天下班没有关闭ajax轮询网页，第二天早上来，内存耗尽，发现此内存泄漏在IE6上不存在(IE7未测试),IE8上存在2010-10-10
我们经常遇到要操作DOM元素，例如<select>，在Asp.net中Dropdownlist原型就是select。2010-05-05
这篇文章主要介绍了jQuery 表单事件与遍历详情，文章围绕主题展开详细的内容介绍，具有一定的参考价值，需要的小伙伴可以参考一下2022-08-08
这篇文章主要介绍了jQuery Ajax 加载数据时异步显示加载动画的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-08-08
下面小编就为大家分享一篇jQuery动态添加li标签并添加属性和绑定事件方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-02-02
最新评论