回答
假設你的意思的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