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用函数实现对象的方法
May 14 Javascript
javascript中的正则表达式使用详解
Aug 30 Javascript
使用伪命名空间封装保护独自创建的对象方法
Aug 04 Javascript
前端程序员必须知道的高性能Javascript知识
Aug 24 Javascript
使用Node.js给图片加水印的方法
Nov 15 Javascript
详解Js模板引擎(TrimPath)
Nov 22 Javascript
详解vue axios中文文档
Sep 12 Javascript
详解VUE中常用的几种import(模块、文件)引入方式
Jul 03 Javascript
Vue中插入HTML代码的方法
Sep 21 Javascript
你知道JavaScript Symbol类型怎么用吗
Jan 08 Javascript
vue打包通过image-webpack-loader插件对图片压缩优化操作
Nov 12 Javascript
vue组件中传值EventBus的使用及注意事项说明
Nov 16 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
php中用foreach来操作数组的代码
2011/07/17 PHP
PHP编程函数安全篇
2013/01/08 PHP
PHP中UNIX时间戳和日期间的转换与计算实例
2014/11/19 PHP
smarty模板引擎之分配数据类型
2015/03/30 PHP
详解WordPress中调用评论模板和循环输出评论的PHP函数
2016/01/05 PHP
Yii CGridView用法实例详解
2016/07/12 PHP
Yii框架多语言站点配置方法分析【中文/英文切换站点】
2020/04/07 PHP
[推荐]javascript 面向对象技术基础教程
2009/03/03 Javascript
Ajax异步提交表单数据的说明及方法实例
2013/06/22 Javascript
JavaScript中的类(Class)详细介绍
2014/12/30 Javascript
JavaScript判断是否为数字的4种方法及效率比较
2015/04/01 Javascript
深入理解JavaScript中为什么string可以拥有方法
2016/05/24 Javascript
knockoutjs动态加载外部的file作为component中的template数据源的实现方法
2016/09/01 Javascript
angular2组件中定时刷新并清除定时器的实例讲解
2018/08/31 Javascript
详解Vue.js自定义tipOnce指令用法实例
2018/12/19 Javascript
Vue export import 导入导出的多种方式与区别介绍
2020/02/12 Javascript
不刷新网页就能链接新的js文件方法总结
2020/03/01 Javascript
python获得linux下所有挂载点(mount points)的方法
2015/04/29 Python
Python的Django框架安装全攻略
2015/07/15 Python
python如何通过实例方法名字调用方法
2018/03/21 Python
python 命名规范知识点汇总
2020/02/14 Python
Python中Selenium库使用教程详解
2020/07/23 Python
给Django Admin添加验证码和多次登录尝试限制的实现
2020/07/26 Python
python selenium xpath定位操作
2020/09/01 Python
阿联酋航空官方网站:Emirates
2017/10/17 全球购物
美国知名平价彩妆品牌:e.l.f. Cosmetics
2017/11/20 全球购物
Charles & Keith欧盟:新加坡时尚品牌
2019/08/01 全球购物
怎样声明子类
2013/07/02 面试题
海南地接欢迎词
2014/01/14 职场文书
《影子》教学反思
2014/02/21 职场文书
跟单业务员岗位职责
2014/03/08 职场文书
赔偿协议书范本
2014/04/15 职场文书
秋季运动会开幕词
2015/01/28 职场文书
大学生预备党员自我评价
2015/03/04 职场文书
2016年中秋节晚会领导致辞
2015/11/26 职场文书
2016参观监狱警示教育活动心得体会
2016/01/15 职场文书