jquery加载图片时以淡入方式显示的方法


Posted in Javascript onJanuary 14, 2015

本文实例讲述了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程序设计有所帮助。

Javascript 相关文章推荐
js 纯数字不重复排列的另类方法
Jul 17 Javascript
Chrome中JSON.parse的特殊实现
Jan 12 Javascript
分享8款优秀的 jQuery 加载动画和进度条插件
Oct 24 Javascript
jQuery setTimeout()函数使用方法
Apr 07 Javascript
JavaScript将页面表格导出为Excel的具体实现
Dec 27 Javascript
javascript实现加载xml文件的方法
Nov 24 Javascript
Bootstrap模仿起筷首页效果
May 09 Javascript
Javascript 正则表达式校验数字的简单实例
Nov 02 Javascript
jQuery日程管理控件glDatePicker用法详解
Mar 29 jQuery
老生常谈ES6中的类
Jul 31 Javascript
View.post() 不靠谱的地方你知道多少
Aug 29 Javascript
webpack file-loader和url-loader的区别
Jan 15 Javascript
JavaScript 学习笔记之变量及其作用域
Jan 14 #Javascript
jquery简单图片切换显示效果实现方法
Jan 14 #Javascript
Node.js开发之访问Redis数据库教程
Jan 14 #Javascript
Backbone.js中的集合详解
Jan 14 #Javascript
jquery增加和删除元素的方法
Jan 14 #Javascript
Node.js开源应用框架HapiJS介绍
Jan 14 #Javascript
jQuery中Ajax的load方法详解
Jan 14 #Javascript
You might like
php中检查文件或目录是否存在的代码小结
2012/10/22 PHP
php对数组排序的简单实例
2013/12/25 PHP
关于Yii2框架跑脚本时内存泄漏问题的分析与解决
2019/12/01 PHP
javascript jQuery插件练习
2008/12/24 Javascript
javascript setAttribute, getAttribute 在不同浏览器上的不同表现
2010/08/05 Javascript
JS对外部文件的加载及对IFRMAME的加载的实现,当加载完成后,指定指向方法(方法回调)
2011/07/04 Javascript
浅谈Javascript 执行顺序
2013/12/18 Javascript
jQuery学习笔记之jQuery.fn.init()的参数分析
2014/06/09 Javascript
用JavaScript判断CSS浏览器类型前缀的两种方法
2015/10/08 Javascript
jQuery弹出div层过2秒自动消失
2016/11/29 Javascript
浅谈node模块与npm包管理工具
2018/01/03 Javascript
AngularJS监听ng-repeat渲染完成的方法
2018/03/20 Javascript
vue实现div单选多选功能
2020/07/16 Javascript
Vant 在vue-cli 4.x中按需加载操作
2020/11/05 Javascript
JavaScript实现通讯录功能
2020/12/27 Javascript
[02:43]DOTA2英雄基础教程 德鲁伊
2014/01/13 DOTA
python读写文件操作示例程序
2013/12/02 Python
django 自定义用户user模型的三种方法
2014/11/18 Python
python实现数独游戏 java简单实现数独游戏
2018/03/30 Python
Python文本统计功能之西游记用字统计操作示例
2018/05/07 Python
python移位运算的实现
2019/07/15 Python
python 操作hive pyhs2方式
2019/12/21 Python
基于Python实现2种反转链表方法代码实例
2020/07/06 Python
python zip()函数的使用示例
2020/09/23 Python
python基于opencv 实现图像时钟
2021/01/04 Python
HTML5使用DOM进行自定义控制示例代码
2013/06/08 HTML / CSS
Clarks西班牙官方在线商店:clarks鞋
2019/05/03 全球购物
旅游专业职业生涯规划范文
2014/01/13 职场文书
一个大学生十年的职业规划
2014/01/17 职场文书
总经理任命书
2014/03/29 职场文书
个人银行贷款担保书
2014/04/01 职场文书
质量承诺书格式
2014/05/20 职场文书
高一军训的心得体会
2014/09/01 职场文书
还款承诺书范本
2015/01/20 职场文书
2016企业先进集体事迹材料
2016/02/25 职场文书
python编程项目中线上问题排查与解决
2021/11/01 Python