jQuery-onload让第一次页面加载时图片是淡入方式显示


Posted in Javascript onMay 23, 2012
$("#load img").load(function() { 
//图片默认隐藏 
$(this).hide(); 
//使用fadeIn特效 
$(this).fadeIn("5000"); 
}) 
<div id="load" class="loading"><img src="images/apple_3_bigger.jpg" style=" height:auto" id='uu1'>

第一次打开一个页面时,让加载好的图片先隐藏,然后再执行动画fadeIn。

这里的load事件:当所有子元素已经被完全加载完成时,load事件被发送到这个元素。

Javascript 相关文章推荐
JAVASCRIPT 对象的创建与使用
Mar 09 Javascript
javascript 学习笔记(六)浏览器类型及版本信息检测代码
Apr 08 Javascript
JS跨域解决方案之使用CORS实现跨域
Apr 14 Javascript
利用Angularjs和Bootstrap前端开发案例实战
Aug 27 Javascript
自学实现angularjs依赖注入
Dec 20 Javascript
webpack2.0配置postcss-loader的方法
Aug 17 Javascript
ES6/JavaScript使用技巧分享
Dec 14 Javascript
vuex的使用及持久化state的方式详解
Jan 23 Javascript
JavaScript中常见内置函数用法示例
May 14 Javascript
jQuery.extend 与 jQuery.fn.extend的用法及区别实例分析
Jul 25 jQuery
js prototype和__proto__的关系是什么
Aug 23 Javascript
详解vue修改elementUI的分页组件视图没更新问题
Nov 13 Javascript
jquery.pagination.js 无刷新分页实现步骤分享
May 23 #Javascript
jquery.Jwin.js 基于jquery的弹出层插件代码
May 23 #Javascript
使用JQuery和CSS模拟超链接的用户单击事件的实现代码
May 23 #Javascript
基于jquery tab切换(防止页面刷新)
May 23 #Javascript
jQuery下通过replace字符串替换实现大小图片切换
May 22 #Javascript
js面向对象 多种创建对象方法小结
May 21 #Javascript
Javascript 异步加载详解(浏览器在javascript的加载方式)
May 20 #Javascript
You might like
海贼王:最美的悬赏令!
2020/03/02 日漫
全国FM电台频率大全 - 7 吉林省
2020/03/11 无线电
php中base_convert()进制数字转换函数实例
2014/11/20 PHP
php+mysql数据库实现无限分类的方法
2014/12/12 PHP
Laravel给生产环境添加监听事件(SQL日志监听)
2017/06/19 PHP
PHP基于openssl实现非对称加密代码实例
2020/06/19 PHP
很可爱的输入框
2008/08/03 Javascript
jQuery find和children方法使用
2011/01/31 Javascript
ASP.NET jQuery 实例10 动态修改hyperlink的URL值
2012/02/03 Javascript
js输出阴历、阳历、年份、月份、周示例代码
2014/01/29 Javascript
js使用正则实现ReplaceAll全部替换的方法
2014/07/18 Javascript
node.js中的events.emitter.removeListener方法使用说明
2014/12/10 Javascript
函数四种调用模式以及其中的this指向
2017/01/16 Javascript
bootstrap fileinput组件整合Springmvc上传图片到本地磁盘
2017/05/11 Javascript
js实现首屏延迟加载实现方法 js实现多屏单张图片延迟加载效果
2017/07/17 Javascript
vue如何使用 Slot 分发内容实例详解
2017/09/05 Javascript
浅谈Vue路由快照实现思路及其问题
2018/06/07 Javascript
jQuery实现的解析本地 XML 文档操作示例
2020/04/30 jQuery
解决echarts图表使用v-show控制图表显示不全的问题
2020/07/19 Javascript
解析Python编程中的包结构
2015/10/25 Python
浅谈pytorch中的BN层的注意事项
2020/06/23 Python
Python 利用flask搭建一个共享服务器的步骤
2020/12/05 Python
虚拟环境及venv和virtualenv的区别说明
2021/02/05 Python
英国领先的酒类网上商城:TheDrinkShop
2017/03/16 全球购物
Expedia挪威官网:酒店、机票和租车
2018/03/03 全球购物
怎样让char类型的东西转换成int类型
2013/12/09 面试题
请问软件开发中的设计模式你会使用哪些
2015/05/13 面试题
写自荐信的七个技巧
2013/10/15 职场文书
法律专业实习鉴定
2013/12/22 职场文书
市级优秀班主任事迹材料
2014/05/13 职场文书
户外宣传策划方案
2014/05/25 职场文书
抗震救灾标语
2014/06/26 职场文书
私营公司诉讼代理委托书范本
2014/09/13 职场文书
2014领导班子“四风问题”对照检查材料思想汇报(执法局)
2014/09/21 职场文书
公安机关党的群众路线教育实践活动剖析材料
2014/10/10 职场文书
MySQL索引 高效获取数据的数据结构
2022/05/02 MySQL