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取request值以及自动执行使用示例
Feb 24 Javascript
JS实现网页上随滚动条滚动的层效果代码
Nov 04 Javascript
AngularJS实现与Java Web服务器交互操作示例【附demo源码下载】
Nov 02 Javascript
js多个物体运动功能实例分析
Dec 20 Javascript
Kotlin学习第一步 kotlin语法特性
May 25 Javascript
angular.js中解决跨域问题的三种方式
Jul 12 Javascript
jQuery实现html双向绑定功能示例
Oct 09 jQuery
js中arguments对象的深入理解
May 14 Javascript
python虚拟环境 virtualenv的简单使用
Jan 21 Javascript
原生js实现ajax请求和JSONP跨域请求操作示例
Mar 14 Javascript
Vue如何实现监听组件原生事件
Jul 03 Javascript
在项目vue中使用echarts的操作步骤
Sep 07 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
总集篇&特番节目先行播出!《SAO Alicization War of Underworld》第2季度TV动画4月25日放送!
2020/03/06 日漫
用PHP编写PDF文档生成器
2006/10/09 PHP
深入PHP数据缓存的使用说明
2013/05/10 PHP
ThinkPHP分页类使用详解
2014/03/05 PHP
php实现在服务器上创建目录的方法
2015/03/16 PHP
javascript编程起步(第七课)
2007/01/10 Javascript
web前端开发也需要日志
2010/12/09 Javascript
简单的jquery拖拽排序效果实现代码
2011/09/20 Javascript
js调用webservice中的方法实现思路及代码
2013/02/25 Javascript
js获取控件位置以及不同浏览器中的差别介绍
2013/08/08 Javascript
JavaScript prototype 使用介绍
2013/08/29 Javascript
JS+CSS实现的经典tab选项卡效果代码
2015/09/16 Javascript
js省市县三级联动效果实例
2020/04/15 Javascript
jQuery使用$获取对象后检查该对象是否存在的实现方法
2016/09/04 Javascript
jquery实现全选、全不选以及单选功能
2017/03/23 jQuery
JS实现商品筛选功能
2020/08/19 Javascript
jQuery实现可兼容IE6的滚动监听功能
2017/09/20 jQuery
解决JSON.stringify()自动将中文转译成unicode的问题
2018/01/05 Javascript
Vue自定义指令封装节流函数的方法示例
2018/07/09 Javascript
仿ElementUI实现一个Form表单的实现代码
2019/04/23 Javascript
javascript如何实现create方法
2019/11/04 Javascript
js防抖函数和节流函数使用场景和实现区别示例分析
2020/04/11 Javascript
python3图片转换二进制存入mysql
2013/12/06 Python
python网络编程示例(客户端与服务端)
2014/04/24 Python
python结合opencv实现人脸检测与跟踪
2015/06/08 Python
python实现批量修改文件名代码
2017/09/10 Python
Python编程实现粒子群算法(PSO)详解
2017/11/13 Python
深入理解Python中的super()方法
2017/11/20 Python
使用Python进行目录的对比方法
2018/11/01 Python
世界上最好的儿童品牌:AlexandAlexa
2018/01/27 全球购物
瑞典最大的儿童用品网上商店:pinkorblue.se
2021/03/09 全球购物
一家外企的面试题目(C/C++面试题,C语言面试题)
2014/03/24 面试题
军训 自我鉴定
2014/02/03 职场文书
2016年习主席讲话学习心得体会
2016/01/20 职场文书
2016年小学教师政治学习心得体会
2016/01/23 职场文书
springBoot基于webSocket实现扫码登录
2021/06/22 Java/Android