图片预加载技术,是为了提高用户使用体验,下面就分享一些图片预加载方案:
CSS方案
同一个元素上使用,该元素只在hover时添加背景
同一个元素在正常状态和hover状态时都有背景,把hover时的背景添加到另一个元素上
以上两种方法,都是更好的解决hover到元素上时,避免背景闪动。可是为了解决这个问题更推荐 css sprite技术:
JavaScript方案
主要的一句话:
封装的一个方法:
后面会分享一个图片预加载的实际案例。
本文分享自 前端黑板报 微信公众号,前往查看
如有侵权,请联系 cloudcommunity@tencent.com 删除。
本文参与 腾讯云自媒体同步曝光计划 ,欢迎热爱写作的你一起参与!