jquery加载图片时以淡入方式显示的方法
更新时间：2015年01月14日 10:05:13 投稿：shichen2014
这篇文章主要介绍了jquery加载图片时以淡入方式显示的方法,涉及hide与fadeIn等方法的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例讲述了jquery加载图片时以淡入方式显示的方法。分享给大家供大家参考。具体实现方法如下：
复制代码 代码如下:
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title></title>
</head>
<script type="text/javascript" src="jquery-1.8.2.min.js"></script>
<script type="text/javascript">
$(function(){
$("img[id='load']").load(function(){
$(this).hide();
$(this).fadeIn(5000);
});
});
</script>
<body>
<div></div>
<div>
<img id="load" src="./images/11_b.jpg" />
</div>
</body>
</html>
希望本文所述对大家的jQuery程序设计有所帮助。
相关文章
这篇文章主要介绍了jQuery 检查某个元素在页面上是否存在实例代码的相关资料,需要的朋友可以参考下2016-10-10
这篇文章主要介绍了JQuery选择器绑定事件及修改内容的方法,涉及bind()、show()、hide()、html()等方法的使用技巧,需要的朋友可以参考下2015-01-01
jquery键盘事件使用介绍，需要的朋友可以参考下。2011-11-11
这篇文章主要介绍了jQuery搜索子元素的方法,实例分析了children、find等方法的使用技巧,需要的朋友可以参考下2015-02-02![jQuery 练习[一] 学习jquery的准备工作](//img.jbzj.com/images/xgimg/bcimg4.png)
初次尝试 jQuery, 近乎震撼! 简洁、高效、优雅、平易, 太有思想了.2010-05-05
jquery DIV撑大怎么让滚动条滚到最底部，类似问题想必大家都有遇到过吧，下面与大家分享下具体的处理代码，感兴趣的朋友可以了解下哈2013-06-06
这篇文章主要介绍了jQuery EasyUI开发技巧总结的相关资料,希望通过本文大家能够掌握EasyUI的开发技巧，需要的朋友可以参考下2017-09-09
这篇文章主要介绍了JQuery跳出each循环的方法,本文讲解了jquery怎么跳出当前的each循环、Jquery each方法跳出循环并获得返回值的方法等内容,需要的朋友可以参考下2015-04-04
ajax联动框想必大家早有所耳闻，接下来将介绍jquery实现另一种形式的联动框，右边的联动框用jquery生成，仿照上篇的js方法修改的，感兴趣的你可以参考下希望可以帮助到你2013-03-03
最近一年多一直在做前端的东西，由于老板在追求一些年轻动感的效果，让页面元素不能仅仅是简单的隐藏显示，所以经常会使用一些动画效果，发现jQuery的动画真心好用啊，把常用的几个总结一下，希望不再每次使用的时候还去翻API2013-10-10
![jQuery 练习[一] 学习jquery的准备工作](http://img.jbzj.com/images/xgimg/bcimg4.png)
最新评论