HTML和Javascript高手进，图片总重复加载的问题

Posted 2023-03-17

我用的是ie8，将浏览器的【internet临时文件】设置为【每次访问网页时】，即不缓存，刷新页面的时候所有图片就重新加载

我现在的问题是，我做了一个菜单，鼠标经过某一项时，该项变状态，即两个图片，一个是鼠标经过时高亮，一个是正常状态，在我每次鼠标经过菜单时，高亮状态的图片总是要重新加载，请问我怎么处理？

我在网上看见DW的图片预先加载技术，但是我试验了，好像不好用，请问怎么办？

非常感谢！

两种方法
1.用css来控制，将两张图片放在同一张图里，鼠标经过时控制background-position来显示图片的不同部分，实现图片切换。
2.在页面上放两个图片对象，一个是正常状态的，一个是高亮的，这样第一次加载的时候实际上两个图片都已经加载完了，高亮的图片要隐藏起来。图片里写好src，切换的时候把正常状态的图片切换成高亮的src。但是这样如果菜单图片多，第一次加载的时候会比较慢。而已程序控制也比较麻烦。

个人推荐第一种方法，使用a hover,单独用css就可以完全控制。 参考技术A 代码粘出来 我帮你看看