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 相关文章推荐
动态获取复选框checkbox选中个数的jquery代码
Jun 25 Javascript
javascript中call,apply,bind的用法对比分析
Feb 12 Javascript
JS实现将数字金额转换为大写人民币汉字的方法
Aug 02 Javascript
Vue.js:使用Vue-Router 2实现路由功能介绍
Feb 22 Javascript
详解Vue整合axios的实例代码
Jun 21 Javascript
Async Validator 异步验证使用说明
Jul 03 Javascript
微信小程序联网请求的轮播图
Jul 07 Javascript
在vue中解决提示警告 for循环报错的方法
Sep 28 Javascript
利用百度echarts实现图表功能简单入门示例【附源码下载】
Jun 10 Javascript
Vue使用Three.js加载glTF模型的方法详解
Jun 14 Javascript
小程序表单认证布局及验证详解
Jun 19 Javascript
Vue this.$router.push(参数)实现页面跳转操作
Sep 09 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
构建简单的Webmail系统
2006/10/09 PHP
深入mysql_fetch_row()与mysql_fetch_array()的区别详解
2013/06/05 PHP
CURL状态码列表(详细)
2013/06/27 PHP
将php数组输出html表格的方法
2014/02/24 PHP
ThinkPHP快速入门实例教程之数据分页
2014/07/01 PHP
使用php方法curl抓取AJAX异步内容思路分析及代码分享
2014/08/25 PHP
php实现通用的从数据库表读取数据到数组的函数实例
2015/03/21 PHP
PHP机器学习库php-ml的简单测试和使用方法
2017/07/14 PHP
yii2中LinkPager增加总页数和总记录数的实例
2017/08/28 PHP
PHP call_user_func和call_user_func_array函数的简单理解与应用分析
2019/11/25 PHP
Google Map API更新实现用户自定义标注坐标
2009/07/29 Javascript
基于jquery实现的可以编辑选择的下拉框的代码
2010/11/19 Javascript
JS关键字变色实现思路及代码
2013/02/21 Javascript
jquery1.9 下检测浏览器类型和版本的方法
2013/12/26 Javascript
jquery遍历select元素(实例讲解)
2013/12/31 Javascript
JS的encodeURI和java的URLDecoder.decode使用介绍
2014/05/08 Javascript
JS实现带缓冲效果打开、关闭、移动一个层的方法
2015/05/09 Javascript
使用Node.js配合Nginx实现高负载网络
2015/06/28 Javascript
Angularjs在初始化未完毕时出现闪烁问题的解决方法分析
2016/08/05 Javascript
ReactNative页面跳转实例代码
2016/09/27 Javascript
jQuery控制元素隐藏和显示
2017/03/03 Javascript
js实现加载页面就自动触发超链接的示例
2017/08/31 Javascript
vue打开子组件弹窗都刷新功能的实现
2020/09/21 Javascript
[00:18]天涯墨客三技能展示
2018/08/25 DOTA
Python使用lxml模块和Requests模块抓取HTML页面的教程
2016/05/16 Python
python实现图片处理和特征提取详解
2017/11/13 Python
python删除文本中行数标签的方法
2018/05/31 Python
python机器学习之KNN分类算法
2018/08/29 Python
pytorch 可视化feature map的示例代码
2019/08/20 Python
Django通过dwebsocket实现websocket的例子
2019/11/15 Python
使用Python三角函数公式计算三角形的夹角案例
2020/04/15 Python
如何在 Matplotlib 中更改绘图背景的实现
2020/11/26 Python
Linux如何命名文件--使用文件名时应注意
2012/01/22 面试题
少先队入队活动方案
2014/02/08 职场文书
《浅水洼里的小鱼》听课反思
2014/02/28 职场文书
python基础之//、/与%的区别详解
2022/06/10 Python