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+XML 操作
Sep 20 Javascript
jquery多浏览器捕捉回车事件代码
Jun 22 Javascript
myFocus slide3D v1.1.0 使用方法与下载
Jan 12 Javascript
jQuery插件-jRating评分插件源码分析及使用方法
Dec 28 Javascript
jQuery插件jQuery-JSONP开发ajax调用使用注意事项
Nov 22 Javascript
jquery如何判断表格同一列不同行input数据是否重复
May 14 Javascript
window.open()详解及浏览器兼容性问题示例探讨
May 29 Javascript
window.onload与$(document).ready()的区别分析
May 30 Javascript
javascript图片预加载完整实例
Dec 10 Javascript
vue与bootstrap实现时间选择器的示例代码
Aug 26 Javascript
JS如何实现封装列表右滑动删除收藏按钮
Jul 23 Javascript
js实现点击烟花特效
Oct 14 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
星际争霸中的对战模式介绍
2020/03/04 星际争霸
PHP 前加at符合@的作用解析
2015/07/31 PHP
php实现数组纵向转横向并过滤重复值的方法分析
2017/05/29 PHP
Laravel学习教程之IOC容器的介绍与用例
2017/08/15 PHP
JavaScript OOP类与继承
2009/11/15 Javascript
用jQuery模拟页面加载进度条的实现代码
2011/12/19 Javascript
全面解析Bootstrap中transition、affix的使用方法
2016/05/30 Javascript
AngularJS表单验证中级篇(3)
2016/09/28 Javascript
微信小程序 action-sheet底部菜单详解
2016/10/27 Javascript
Vue在页面右上角实现可悬浮/隐藏的系统菜单
2018/05/04 Javascript
浅析vue给不同环境配置不同打包命令
2018/08/17 Javascript
vue组件数据传递、父子组件数据获取,slot,router路由功能示例
2019/03/19 Javascript
JavaScript 性能提升之路(推荐)
2019/04/10 Javascript
史上最为详细的javascript继承(推荐)
2019/05/18 Javascript
JavaScript的查询机制LHS和RHS解析
2019/08/16 Javascript
实例讲解React 组件
2020/07/07 Javascript
[02:06]DOTA2肉山黑名单魔法终结者 敌法师中文配音鉴赏
2013/06/17 DOTA
Python Web框架Flask中使用七牛云存储实例
2015/02/08 Python
python中异常报错处理方法汇总
2016/11/20 Python
python实现排序算法解析
2018/09/08 Python
在Python中分别打印列表中的每一个元素方法
2018/11/07 Python
对python中Librosa的mfcc步骤详解
2019/01/09 Python
实例讲解Python脚本成为Windows中运行的exe文件
2019/01/24 Python
python 两个一样的字符串用==结果为false问题的解决
2020/03/12 Python
python3中sys.argv的实例用法
2020/04/24 Python
基于OpenCV的网络实时视频流传输的实现
2020/11/15 Python
墨西哥运动服饰和鞋网上商店:Netshoes墨西哥
2016/07/28 全球购物
澳大利亚和新西兰最大的在线旅行社之一:Aunt Betty
2019/08/07 全球购物
编辑求职信样本
2013/12/16 职场文书
物业招聘计划书
2014/01/10 职场文书
公务员培训自我鉴定
2014/02/01 职场文书
工程力学专业自荐信范文
2014/03/17 职场文书
一次性工伤赔偿协议书范本
2014/11/25 职场文书
2015年为民办实事工作总结
2015/05/26 职场文书
cf战队宣传语
2015/07/13 职场文书
2016暑期社会实践新闻稿
2015/11/25 职场文书