如何實現一個歡迎屏幕5秒鐘,提供信息,如加載應用程序... +一些應用程序的信息...而主頁加載在後臺。歡迎加載...頁面與Jquery
回答
我認爲這是可以接受的一個「載入中...」在某些情況下頁面 - 例如,一個用戶在業務應用程序日誌後(想想TurboTax在線...它說'建立安全連接',這可能不完全正確,但加載界面的東西)。每當匿名用戶訪問您的網站時顯示頁面可能不是最好的主意。
看看jQuery BlockUI。它很靈活,可以做你正在談論的事情。
除非您真的在後臺使用這段時間來實際進行某種預加載,否則我會強烈建議不要從最終用戶的角度出發。我個人會覺得很煩人,當進入一個網站時,在實際獲得我想要的內容之前,我不得不坐下來進行一些介紹。
這就是爲什麼我傾向於討厭在Flash中設計的網站或那些僅僅包含Flash splash頁面的網站。
編輯:我並不認爲主要的網頁的加載應該有資格獲得太多的「預加載」的規模,除非它是資源密集型。再次,這些只是我的看法。
編輯#2:也可以爭辯說,您的網站的訪問者將根據短短五秒的時間決定是停留還是停留。請記住,那些使用互聯網的人往往注意到果蠅的注意力,並且在他們真正到達內容之前將它們置於持有模式中是失去這些用戶的好方法。
這是一個特定的要求,因爲我不是針對普通公衆。它是一個ERP內聯網應用程序,需要顯示安全警告和應用程序消息。我個人討厭加載消息。但是根據業務需求,你永遠不知道什麼時候需要它。 – Sumanta 2009-06-05 16:36:51
當頁面加載時(理論上作爲絕對定位的疊加層),您將顯示歡迎消息。然後,您可以使用jQuery揭開序幕定時器:
$(document).ready(function(){
setTimeout(function(){
$('div#overlay').fadeOut();
}, 5000);
});
雖然我同意@TheTXI,要做到這一點是使用CSS有「載入中...」屏幕默認爲可見的最好方式,然後一旦一切都使用jQuery加載(而不是等待一段固定的時間),就隱藏它。
見jQuery.load() ...例如:
$(document).ready(function(){
$("body img:last").load($("#welcome-screen").fadeOut());
});
只爲任何未來誰發現這一點,我找到了一個更優雅的解決方案。
http://www.jnorton.co.uk/blog/jquery-check-if-all-content-has-been-loaded
這是我如何使用它:
$(document).ready(function(){
$(window).load(function() {$("#welcome").fadeOut('fast'); })
});
- 1. 歡迎頁面
- 2. 歡迎頁面添加到收藏夾
- 3. 禁用Saros歡迎頁面
- 4. 創建歡迎頁面
- 5. xPage作爲歡迎頁面
- 6. JSF中的歡迎頁面
- 7. 強制歡迎頁面
- 8. JSF設置歡迎頁面
- 9. JSF設置歡迎頁面
- 10. 歡迎在c上加載#
- 11. 歡迎文件列表頁面默認不加載
- 12. 添加複選框到NSIS卸載程序歡迎頁面
- 13. 德爾福歡迎頁面將不會加載菜單
- 14. 如何防止Spring Security 2.5重寫加載歡迎頁面(index.html)
- 15. 歡迎頁面(和登錄)成爲索引?或單獨的歡迎頁面? HTML5
- 16. Facebook喜歡mod_rewrite與ajax頁面加載
- 17. Facebook喜歡頁面加載
- 18. Nginx和Varnish只提供歡迎頁面
- 19. 動態禁用歡迎頁面
- 20. nginx始終提供歡迎頁面
- 21. java ee中的歡迎頁面6
- 22. 發送數據到JSF歡迎頁面
- 23. oracle adf融合應用歡迎頁面
- 24. IIS 7歡迎頁面不顯示
- 25. Symfony「歡迎頁面」似乎不完整
- 26. Eclipse:歡迎頁面未顯示
- 27. 配置Spring MVC歡迎頁面
- 28. Django manage.py runserver不顯示「歡迎頁面」
- 29. 如何讓NSIS歡迎頁面出現
- 30. Tomcat歡迎頁面 - 無法訪問
爲什麼「五秒。」而不是「直到主頁面加載」? – Quentin 2009-06-05 13:14:27
5秒鐘可以加載一個頁面...除非客戶使用14.4k調制解調器,否則這是一個歡迎頁面。 – Nordes 2009-06-05 13:55:59
將cookie發送給用戶以保持這個必須擁有但令人討厭的窗口關閉/隱藏,下次窗口刷新,重新加載時,這將是一件好事。:) – 2011-05-12 10:09:33