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 相关文章推荐
UI Events 用户界面事件
Jun 27 Javascript
jQuery切换网页皮肤并保存到Cookie示例代码
Jun 16 Javascript
js 判断图片是否加载完以及实现图片的预下载
Aug 14 Javascript
JQuery显示隐藏页面元素的方法总结
Apr 16 Javascript
JavaScript获得指定对象大小的方法
Jul 01 Javascript
自定义刻度jQuery进度条及插件
Sep 02 Javascript
jquery动态导航插件dynamicNav用法实例分析
Sep 06 Javascript
javascript HTML5 Canvas实现圆盘抽奖功能
Apr 11 Javascript
bootstrap jquery dataTable 异步ajax刷新表格数据的实现方法
Feb 10 Javascript
vue指令只能输入正数并且只能输入一个小数点的方法
Jun 08 Javascript
小程序自定义日历效果
Dec 29 Javascript
javascript运行机制之执行顺序理解
Aug 03 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
PHPUnit PHP测试框架安装方法
2011/03/23 PHP
Zend Framework教程之Zend_Form组件实现表单提交并显示错误提示的方法
2016/03/21 PHP
详谈phpAdmin修改密码后拒绝访问的问题
2017/04/03 PHP
Yii 2中的load()和save()示例详解
2017/08/03 PHP
PHP实现PDO操作mysql存储过程示例
2019/02/13 PHP
Smarty模板类内部原理实例分析
2019/07/03 PHP
客户端脚本中常常出现的一些问题和调试技巧
2007/01/09 Javascript
node.js中的path.dirname方法使用说明
2014/12/09 Javascript
Javascript中的数据类型之旅
2015/10/18 Javascript
创建基于Bootstrap的下拉菜单的DropDownList的JQuery插件
2016/06/02 Javascript
JS取模、取商及取整运算方法示例
2016/10/13 Javascript
JS实现禁止用户使用Ctrl+鼠标滚轮缩放网页的方法
2017/04/28 Javascript
详解webpack4之splitchunksPlugin代码包分拆
2018/12/04 Javascript
关于微信公众号开发无法支付的问题解决
2018/12/28 Javascript
vue cli3 调用百度翻译API翻译页面的实现示例
2019/09/13 Javascript
js实现上传图片并显示图片名称
2019/12/18 Javascript
js+canvas实现简单扫雷小游戏
2021/01/22 Javascript
Js和VUE实现跑马灯效果
2020/05/25 Javascript
微信小程序实现多图上传
2020/06/19 Javascript
[11:57]《一刀刀一天》第十七期:TI中国军团加油!
2014/05/26 DOTA
python解析html开发库pyquery使用方法
2014/02/07 Python
Django框架中render_to_response()函数的使用方法
2015/07/16 Python
python 文件操作删除某行的实例
2017/09/04 Python
Django rest framework实现分页的示例
2018/05/24 Python
在python中实现调用可执行文件.exe的3种方法
2019/07/07 Python
Python中 Global和Nonlocal的用法详解
2020/01/20 Python
五分钟带你搞懂python 迭代器与生成器
2020/08/30 Python
寻找完美的房车租赁:RVShare
2019/02/23 全球购物
东南亚冒险旅行与活动:Adventoro
2019/10/16 全球购物
英国最大的在线照明商店:Litecraft
2020/08/31 全球购物
英语自荐信范文
2013/12/11 职场文书
爱国主义教育演讲稿
2014/08/26 职场文书
派出所副所长四风问题个人整改措施思想汇报
2014/10/13 职场文书
2014年房产销售工作总结
2014/12/08 职场文书
大学毕业谢师宴致辞
2015/07/27 职场文书
django注册用邮箱发送验证码的实现
2021/04/18 Python