回答
假设你的意思的onload(所有资产已经下载),而不是domready事件(网页本身是准备去):
$(window).load(function() {
$('img').fadeIn(10000); // 10 seconds
});
鳕鱼未经测试。不要忘了在启动时设置图像在CSS中的不透明度为0。
另一种方法@ Matchu的,还是需要的CSS不透明度设置为0
$(document).ready(function() {
$('img').show(10000); // 10 seconds
});
编辑:这也将动画HIGHT和宽度,除了透明度。
我不认为'show'和'fadeIn'有同样的效果 - 这取决于他真正想要的。 。 – Matchu 2010-05-18 14:53:14
$(窗口).load(函数(){ $( '#书')动画({ 不透明度:5.25, 左: '+ = 50', 高度: '切换' },5000,功能(){ // Animation complete。 }); }); 与此片段...但图像需要显示 – Bharanikumar 2010-05-18 15:03:31
@Matchu:从jquery文档:当提供持续时间,.show()成为一种动画方法。 .show()方法同时动画化匹配元素的宽度,高度和不透明度。 – derek 2010-05-18 15:10:08
- 1. 在页面完全加载之前显示加载图像
- 2. 如何在页面完全加载后显示图像?
- 3. 完全加载后显示图像
- 4. 页面完全加载时显示#container?
- 5. 加载完成后显示HTML页面
- 6. 在显示之前完全加载新页面
- 7. 在显示页面之前完全下载图片
- 8. 在JavaFX WebView加载页面之前显示加载图像
- 9. AS3加载完成后显示图像
- 10. UIImageView加载图像很慢
- 11. Bootstrap Glyphicons仅在页面完全加载后才显示
- 12. 如何使Alert();页面完全加载后显示?
- 13. 加载图像直到页面加载后才显示。
- 14. 当图像完全加载,然后显示其他等待
- 15. 如何在页面完全加载后加载PHP页面?
- 16. 负载元件,之后页面完全加载
- 17. 如何在后台加载图像,然后在完成时显示页面?
- 18. DOM显示图像加载,但页面不显示图像
- 19. 如何在iframe完全加载之前显示加载图标?
- 20. 如何在页面加载(加载完所有站点图像之后)后加载正文背景图像?
- 21. 显示正在加载图像,直到内容完全加载
- 22. 在页面重新加载后显示附加图像
- 23. 如何在页面加载时全屏显示图像
- 24. 如何在ASP.Net页面加载完成后加载图像
- 25. 显示进度条或加载图标,直到页面完全加载?
- 26. 页面加载速度很快,但页面转换很慢
- 27. 加载页面后加载图像
- 28. 在页面加载之前显示图像
- 29. 重新加载页面之前显示图像
- 30. 页面加载速度很慢
> $(窗口).load(函数(){ > $( '#书'),动画({高度: '秀',不透明度: '秀'}, '慢'); > > }); 我尝试财产以后这样 – Bharanikumar 2010-05-18 14:52:29