我有一個提交按鈕,當用戶將鼠標懸停在上面時發生更改。現在圖像需要花費一些時間才能加載,並且在有白色屏幕而不是另一個按鈕的情況下會有半秒的時間。無論如何,只需使用CSS和HTML就可以改善這一點,還是需要做一些JS工作?CSS .Hover圖片加載緩慢
回答
使用sprite image,然後在懸停時切換背景位置。這可確保懸停時顯示的圖像已被下載。
並加載CSS精靈當DOM準備好了,這可以排序「預加載」的形象的用戶提交按鈕:)
這個答案與durilai's不同嗎? – pixeltocode 2010-03-28 02:31:31
@pixeltocode:justification:提供了演示鏈接,以及當DOM準備好可以節省加載時間並提高可用性時,我對「預加載」css sprites的建議。 – 2010-03-28 02:56:58
以及'預加載'和'aleady已下載'有什麼不同? – pixeltocode 2010-03-28 04:57:14
- 1. CSS Sprite圖片加載非常緩慢
- 2. 圖片背景緩慢加載
- 3. 緩慢加載圖像
- 4. Google地圖緩慢加載
- 5. Flexslider緩慢圖像加載
- 6. 緩慢加載圖像
- 7. 谷歌地圖加載緩慢加載
- 8. 網站緩慢加載CSS/jquery樣式
- 9. CakePHP 3.2緩慢加載css文件
- 10. Facebook的緩慢下載位置圖片
- 11. Android:圖片與滑動跳過圖像和緩慢加載
- 12. 用jQuery插件緩慢加載圖像
- 13. 的Joomla HTML緩慢的頁面加載時間(不是JS,圖片,CSS)
- 14. Tableview加載緩慢
- 15. Titanium:ScrollView加載緩慢
- 16. ckeditor緩慢加載
- 17. AVPlayer緩慢加載
- 18. 緩慢加載UiTableView
- 19. 緩慢加載XML
- 20. UITabBarController緩慢加載
- 21. 桌面視圖圖像加載緩慢
- 22. 緩慢加載div死區
- 23. <a4j:mediaoutput,緩慢加載圖片?可能是什麼原因?
- 24. Angular ng class緩慢加載背景圖片?
- 25. 谷歌地圖加載緩慢的片段
- 26. JavaScript圖片調整緩慢
- 27. Firefox請求圖片緩慢
- 28. 加載CSS圖片HTTPS
- 29. aspx頁面加載緩慢
- 30. CSS圖片放緩
前徘徊,雖然我已經注意到精靈流逝了。 – pixeltocode 2010-03-28 02:29:58
嗯。我從來沒有見過這種行爲。 – 2010-03-28 02:31:56