jQuery-onload让第一次页面加载时图片是淡入方式显示
发布时间:2013-05-25 编辑:jiaochengji.com
第一次打开一个页面时,让加载好的图片先隐藏,然后再执行动画fadeIn,这里的load事件:当所有子元素已经被完全加载完成时,load事件被发送到这个元素
第一次打开一个页面时,让加载好的图片先隐藏,然后再执行动画fadeIn,这里的load事件:当所有子元素已经被完全加载完成时,load事件被发送到这个元素
$("#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事件被发送到这个元素。
复制代码 代码如下:
$("#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事件被发送到这个元素。
您可能感兴趣的文章:
jQuery-onload让第一次页面加载时图片是淡入方式显示
JQuery onload、ready概念介绍及使用方法
JQuery onload、ready详解
JQuery下关于$.Ready()的分析
jQuery幻灯片插件 Skitter
jQuery交互式地图插件 ImageMapster
jquery $(document).ready() 与window.onload的区别
jquery的$(document).ready()与onload的加载顺序分析
基于jquery的lazy loader插件实现图片的延迟加载[简单使用]
基于jquery的防止大图片撑破页面的实现代码(立即缩放)
[关闭]