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 相关文章推荐
类似框架的js代码
Nov 09 Javascript
js调试系列 初识控制台
Jun 18 Javascript
JavaScript通过function定义对象并给对象添加toString()方法实例分析
Mar 23 Javascript
js+html5实现canvas绘制圆形图案的方法
Jun 05 Javascript
AngularJS中如何使用$parse或$eval在运行时对Scope变量赋值
Jan 25 Javascript
全面解析Javascript无限添加QQ好友原理
Jun 15 Javascript
Javascript获取随机数的实现方法
Jun 22 Javascript
javascript iframe跨域详解
Oct 26 Javascript
js 判断登录界面的账号密码是否为空
Feb 08 Javascript
Vue.js实现模拟微信朋友圈开发demo
Apr 20 Javascript
vue-cli 构建骨架屏的方法示例
Nov 08 Javascript
vue backtop组件的实现完整代码
Apr 07 Vue.js
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
php初学者写及时补给skype用户充话费的小程序
2008/11/02 PHP
分享最受欢迎的5款PHP框架
2014/11/27 PHP
php+mysqli实现将数据库中一张表信息打印到表格里的方法
2015/01/28 PHP
微信公众号开发之获取位置信息php代码
2018/06/13 PHP
判断JavaScript对象是否可用的最正确方法分析
2008/10/03 Javascript
json对象转字符串如何实现
2012/12/02 Javascript
javascript 拷贝节点cloneNode()使用介绍
2014/04/03 Javascript
js监控IE火狐浏览器关闭、刷新、回退、前进事件
2014/07/23 Javascript
jquery实现兼容IE8的异步上传文件
2015/06/15 Javascript
jQuery简单入门示例之用户校验demo示例
2016/07/09 Javascript
JS高仿抛物线加入购物车特效实现代码
2017/02/20 Javascript
JavaScript中递归实现的方法及其区别
2017/09/12 Javascript
js实现动态增加文件域表单功能
2018/10/22 Javascript
angular6 利用 ngContentOutlet 实现组件位置交换(重排)
2018/11/02 Javascript
[01:32]完美世界DOTA2联赛10月29日精彩集锦
2020/10/30 DOTA
Python3.5以上版本lxml导入etree报错的解决方案
2019/06/26 Python
详解python调用cmd命令三种方法
2019/07/08 Python
python tkinter实现屏保程序
2019/07/30 Python
python求绝对值的三种方法小结
2019/12/04 Python
如何利用pygame实现简单的五子棋游戏
2019/12/29 Python
Python3爬虫里关于识别微博宫格验证码的知识点详解
2020/07/30 Python
Python 在 VSCode 中使用 IPython Kernel 的方法详解
2020/09/05 Python
英国手机零售商:Carphone Warehouse
2018/06/06 全球购物
日本快乐生活方式购物网站:Shop Japan
2018/07/17 全球购物
Internal修饰符有什么含义
2013/07/10 面试题
机械设计制造专业个人求职信
2013/09/25 职场文书
医药大学生求职简历的自我评价
2013/10/17 职场文书
婚庆公司的创业计划书
2014/01/22 职场文书
大学军训感言800字
2014/02/27 职场文书
经典而简洁的婚礼主持词
2014/03/13 职场文书
欢迎横幅标语
2014/06/17 职场文书
岗位说明书标准范本
2014/07/30 职场文书
后勤管理员岗位职责
2014/08/27 职场文书
乡镇党建工作汇报材料
2014/10/27 职场文书
七一表彰大会简报
2015/07/20 职场文书
画错魏国疆域啦!《派对咖孔明》动画因作画失误于官网致歉
2022/04/07 日漫