js切换导航菜单背景图片时的闪屏问题解决

做了一个导航菜单,每一个item的背景图片都是不一样的.且都有hover效果.点中后也有对应的图片效果.

每次切换背景的src,在图片缓存没有产生之前,的切换会有闪屏现象,后来想到了通过修改背景图片的position来实现

样式转变,把hover效果和default效果合成一张图.这样首次打开页面时图片就加载完成了.消除了闪屏现象.