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 相关文章推荐
些很实用且必用的小脚本代码
Jun 26 Javascript
Javascript根据指定下标或对象删除数组元素
Dec 21 Javascript
JS事件在IE与FF中的区别详细解析
Nov 20 Javascript
js(JavaScript)实现TAB标签切换效果的简单实例
Feb 26 Javascript
JavaScript判断页面加载完之后再执行预定函数的技巧
May 17 Javascript
浅析jquery数组删除指定元素的方法:grep()
May 19 Javascript
通过原生JS实现为元素添加事件的方法
Nov 23 Javascript
node.js请求HTTPS报错:UNABLE_TO_VERIFY_LEAF_SIGNATURE\的解决方法
Dec 18 Javascript
微信小程序实现皮肤功能(夜间模式)
Jun 18 Javascript
JS中使用textPath实现线条上的文字
Dec 25 Javascript
webpack4之SplitChunksPlugin使用指南
Jun 12 Javascript
js canvas实现红包照片效果
Aug 21 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
全国FM电台频率大全 - 6 辽宁省
2020/03/11 无线电
PHP5 安装方法
2006/10/09 PHP
php使用exec shell命令注入的方法讲解
2013/11/12 PHP
PHP大转盘中奖概率算法实例
2014/10/21 PHP
jquery imgareaselect 使用利用js与程序结合实现图片剪切
2009/07/30 Javascript
jQuery数组处理代码详解(含实例演示)
2012/02/03 Javascript
解析页面加载与js函数的执行 onload or ready
2013/12/12 Javascript
DOM节点深度克隆函数cloneNode()用法实例
2015/01/12 Javascript
JavaScript使用pop方法移除数组最后一个元素用法实例
2015/04/06 Javascript
JavaScript动态数量的文件上传控件
2016/11/18 Javascript
获取JavaScript异步函数的返回值
2016/12/21 Javascript
jQuery Form插件使用详解_动力节点Java学院整理
2017/07/17 jQuery
js使用html2canvas实现屏幕截取的示例代码
2017/08/28 Javascript
通俗易懂地解释JS中的闭包
2017/10/23 Javascript
原生JS写Ajax的请求函数功能
2017/12/22 Javascript
浅谈React中的元素、组件、实例和节点
2018/02/27 Javascript
微信小程序用canvas画图并分享
2020/03/09 Javascript
八种Vue组件间通讯方式合集(推荐)
2020/08/18 Javascript
vue中的.$mount('#app')手动挂载操作
2020/09/02 Javascript
[01:09]DOTA2次级职业联赛 - 99战队宣传片
2014/12/01 DOTA
python图像处理入门(一)
2019/04/04 Python
python中Lambda表达式详解
2019/11/20 Python
pytorch 获取tensor维度信息示例
2020/01/03 Python
Python实现投影法分割图像示例(二)
2020/01/17 Python
如何通过Django使用本地css/js文件
2020/01/20 Python
python绘制动态曲线教程
2020/02/24 Python
python中adb有什么功能
2020/06/07 Python
公认8个效率最高的爬虫框架
2020/07/28 Python
应聘自荐信
2013/12/14 职场文书
英语专业学生个人求职信范文
2014/01/06 职场文书
元旦晚会邀请函
2014/01/27 职场文书
大学生考试作弊检讨书
2014/09/21 职场文书
合作意向协议书
2015/01/29 职场文书
python3 sqlite3限制条件查询的操作
2021/04/07 Python
Python实现文本文件拆分写入到多个文本文件的方法
2021/04/18 Python
Spring boot admin 服务监控利器详解
2022/08/05 Java/Android