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 相关文章推荐
extjs 学习笔记(二) Ext.Element类
Oct 13 Javascript
JavaScript 用cloneNode方法克隆节点的代码
Oct 15 Javascript
实现web打印的各种方法介绍及实现代码
Jan 09 Javascript
Extjs的FileUploadField文件上传出现了两个上传按钮
Apr 29 Javascript
json实现添加、遍历与删除属性的方法
Jun 17 Javascript
详细谈谈javascript的对象
Jul 31 Javascript
JS实现漂亮的时间选择框效果
Aug 20 Javascript
详解Vue2.0里过滤器容易踩到的坑
Jun 01 Javascript
vue axios 简单封装以及思考
Oct 09 Javascript
Vue.js中 v-model 指令的修饰符详解
Dec 03 Javascript
如何使用electron-builder及electron-updater给项目配置自动更新
Dec 24 Javascript
利用 JavaScript 构建命令行应用
Nov 17 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目录管理函数小结
2008/09/10 PHP
PHP实现动态创建XML文档的方法
2018/03/30 PHP
如何在Laravel5.8中正确地应用Repository设计模式
2019/11/26 PHP
一些有关检查数据的JS代码
2006/09/07 Javascript
JS 分号引起的一段调试问题
2009/06/18 Javascript
JavaScript 解析读取XML文档 实例代码
2009/07/07 Javascript
基于Jquery的温度计动画效果
2010/06/18 Javascript
自写的一个jQuery圆角插件
2010/10/26 Javascript
js取滚动条的尺寸的函数代码
2011/11/30 Javascript
js调用浏览器打印模块实现点击按钮触发自定义函数
2014/03/21 Javascript
JavaScript中提前声明变量或函数例子
2014/11/12 Javascript
基于JavaScript实现TAB标签效果
2016/01/12 Javascript
【经典源码收藏】jQuery实用代码片段(筛选,搜索,样式,清除默认值,多选等)
2016/06/07 Javascript
原生js实现下拉框功能(支持键盘事件)
2017/01/13 Javascript
jquery实现拖动效果(代码分享)
2017/01/25 Javascript
javascript深拷贝和浅拷贝详解
2017/02/14 Javascript
Vue.js:使用Vue-Router 2实现路由功能介绍
2017/02/22 Javascript
手把手搭建安装基于windows的Vue.js运行环境
2017/06/12 Javascript
用js实现每隔一秒刷新时间的实例(含年月日时分秒)
2017/10/25 Javascript
vue-router路由懒加载的实现(解决vue项目首次加载慢)
2018/08/28 Javascript
微信小程序使用gitee进行版本管理
2018/09/20 Javascript
了解javascript中let和var及const关键字的区别
2019/05/24 Javascript
vue element 关闭当前tab 跳转到上一路由操作
2020/07/22 Javascript
详解ES6实现类的私有变量的几种写法
2021/02/10 Javascript
Python中不同进制互相转换(二进制、八进制、十进制和十六进制)
2015/04/05 Python
Python基于DES算法加密解密实例
2015/06/03 Python
使用pandas把某一列的字符值转换为数字的实例
2019/01/29 Python
pytorch 把图片数据转化成tensor的操作
2021/03/04 Python
CSS3正方体旋转示例代码
2013/08/08 HTML / CSS
css3中仿放大镜效果的几种方式原理解析
2020/12/03 HTML / CSS
结婚喜宴主持词
2014/03/14 职场文书
行政专员岗位职责范本
2014/08/26 职场文书
小学六一主持词开场白
2015/05/28 职场文书
2015年数学教研工作总结
2015/07/22 职场文书
2016年基层党支部书记公开承诺书
2016/03/25 职场文书
Win11绿屏怎么办?Win11绿屏死机的解决方法
2021/11/21 数码科技