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 maxlength使用说明
Sep 09 Javascript
Java 正则表达式学习总结和一些小例子
Sep 13 Javascript
Js Jquery创建一个弹出层可加载一个页面
May 08 Javascript
浅谈JavaScript中定义变量时有无var声明的区别
Aug 18 Javascript
JS+CSS实现精美的二级导航效果代码
Sep 17 Javascript
JS实现全屏的四种写法
Dec 30 Javascript
jquery 正整数数字校验正则表达式
Jan 10 Javascript
js仿QQ邮箱收件人选择与搜索功能
Feb 10 Javascript
jquery.guide.js新版上线操作向导镂空提示jQuery插件(推荐)
May 20 jQuery
jQuery pagination分页示例详解
Oct 23 jQuery
深入浅析js原型链和vue构造函数
Oct 25 Javascript
VUE中使用HTTP库Axios方法详解
Feb 05 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原理之异常机制
2010/08/21 PHP
php strnatcmp()函数的用法总结
2013/11/27 PHP
php 数组元素快速去重
2017/05/05 PHP
php转换上传word文件为PDF的方法【基于COM组件】
2019/06/10 PHP
jQuery 常见操作实现方式和常用函数方法总结
2011/05/06 Javascript
jQuery调用WebService的实现代码
2011/06/19 Javascript
jquery中防刷IP流量软件影响统计的一点对策
2011/07/10 Javascript
javascript管中窥豹 形参与实参浅析
2011/12/17 Javascript
javascript中使用正则计算中文长度的例子
2014/04/29 Javascript
基于JavaScript实现简单的随机抽奖小程序
2016/01/05 Javascript
js基于myFocus实现轮播图效果
2017/02/14 Javascript
利用node.js本地搭建HTTP服务器
2017/04/19 Javascript
详解Vue.use自定义自己的全局组件
2017/06/14 Javascript
浅谈Vue.nextTick 的实现方法
2017/10/25 Javascript
微信小程序之事件交互操作实例分析
2018/12/03 Javascript
图文讲解vue的v-if使用方法
2019/02/11 Javascript
vue项目前端埋点的实现
2019/03/06 Javascript
vue中v-text / v-html使用实例代码详解
2019/04/02 Javascript
Vue.js 中的实用工具方法【推荐】
2019/07/04 Javascript
使用element-ui +Vue 解决 table 里包含表单验证的问题
2020/07/17 Javascript
纯Python开发的nosql数据库CodernityDB介绍和使用实例
2014/10/23 Python
Python中序列的修改、散列与切片详解
2017/08/27 Python
用Python实现KNN分类算法
2017/12/22 Python
详谈套接字中SO_REUSEPORT和SO_REUSEADDR的区别
2018/04/28 Python
Django项目开发中cookies和session的常用操作分析
2018/07/03 Python
3分钟学会一个Python小技巧
2018/11/23 Python
python图像处理模块Pillow的学习详解
2019/10/09 Python
Django 博客实现简单的全文搜索的示例代码
2020/02/17 Python
中学生自我鉴定
2014/02/04 职场文书
洗发露广告词
2014/03/14 职场文书
优质服务演讲稿
2014/05/14 职场文书
机械设备与数控技术专业求职信
2014/08/10 职场文书
通知函格式范文
2015/04/27 职场文书
入党介绍人意见范文
2015/06/01 职场文书
mysql字符串截取函数小结
2021/04/05 MySQL
Apache Hudi数据布局黑科技降低一半查询时间
2022/03/31 Servers