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 相关文章推荐
Jquery事件的连接使用示例
Jun 18 Javascript
javascript获取URL参数与参数值的示例代码
Dec 20 Javascript
js 立即调用的函数表达式如何写
Jan 12 Javascript
如何使用HTML5地理位置定位功能
Apr 27 Javascript
javascript实现禁止鼠标滚轮事件
Jul 24 Javascript
javascript创建对象、对象继承的实用方式详解
Mar 08 Javascript
node.js express安装及示例网站搭建方法(分享)
Aug 22 Javascript
mui框架移动开发初体验详解
Oct 11 Javascript
.vue文件 加scoped 样式不起作用的解决方法
May 28 Javascript
vue router的基本使用和配置教程
Nov 05 Javascript
vuedraggable+element ui实现页面控件拖拽排序效果
Jul 29 Javascript
nestjs返回给前端数据格式的封装实现
Feb 22 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 新手入门教程
2009/08/03 PHP
Laravel框架中Blade模板的用法示例
2017/08/30 PHP
ThinkPHP框架实现的邮箱激活功能示例
2018/06/15 PHP
PHP操作redis实现的分页列表,新增,删除功能封装类与用法示例
2018/08/04 PHP
PHP中16个高危函数整理
2019/09/19 PHP
Javascript下的keyCode键码值表
2007/04/10 Javascript
jquery 图片截取工具jquery.imagecropper.js
2010/04/09 Javascript
jquery获取input的value问题说明
2010/08/19 Javascript
JS限制上传图片大小不使用控件在本地实现
2012/12/19 Javascript
jquery 实现两Select 标签项互调示例代码
2014/09/25 Javascript
网页中表单按回车就自动提交的问题的解决方案
2014/11/03 Javascript
让javascript加载速度倍增的方法(解决JS加载速度慢的问题)
2014/12/12 Javascript
使用jquery动态加载js文件的方法
2014/12/24 Javascript
JS 作用域与作用域链详解
2015/04/07 Javascript
JavaScript 随机验证码的生成实例代码
2016/09/22 Javascript
jQuery实现手机上输入后隐藏键盘功能
2017/01/04 Javascript
使用ECharts实现状态区间图
2018/10/25 Javascript
浅谈webpack性能榨汁机(打包速度优化)
2019/01/09 Javascript
Node.js原生api搭建web服务器的方法步骤
2019/02/15 Javascript
[53:15]Mineski vs iG 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
[40:27]完美世界DOTA2联赛PWL S3 PXG vs GXR 第一场 12.19
2020/12/24 DOTA
Python基于动态规划算法计算单词距离
2015/07/25 Python
Python实现的矩阵类实例
2017/08/22 Python
python中的set实现不重复的排序原理
2018/01/24 Python
使用sklearn进行对数据标准化、归一化以及将数据还原的方法
2018/07/11 Python
Python简单读写Xls格式文档的方法示例
2018/08/17 Python
Python如何生成xml文件
2020/06/04 Python
HTML5在线预览PDF的示例代码
2017/09/14 HTML / CSS
设计师珠宝:Ylang 23
2018/05/11 全球购物
表达自我的市场:Society6
2018/08/01 全球购物
英国最大最好的无人机商店:Drones Direct
2019/07/12 全球购物
法定代表人授权委托书范本
2014/10/07 职场文书
优秀教师先进材料
2014/12/16 职场文书
启迪人心的励志语录:脾气永远不要大于本事
2020/01/02 职场文书
浅谈Web Storage API的使用
2021/06/23 Javascript
python入门学习关于for else的特殊特性讲解
2021/11/20 Python