javascript - html 中的 onmouser 图像

Question

<img width="167" height="119" onmouseout="this.src='http://test.plexasys.com/vivid/wp/wp-content/files_mf/pixel36092.png'" 
 onmouseover="this.src='http://test.plexasys.com/vivid/wp/wp-content/files_mf/pixel360rollover53.png'" alt="baton" 
src="http://test.plexasys.com/vivid/wp/wp-content/files_mf/pixel36092.png">

我已经为另一个图像的鼠标悬停上的图像编写了这样的内容。它在我的本地系统中运行良好。但在服务器中，鼠标悬停图像第一次加载缓慢。第二次以后工作正常。

请找到链接http://2014.vividrgblighting.com/products/

Answer 1

悬停图像第一次加载缓慢，因为它们必须由浏览器加载。它们第二次运行得更快，因为浏览器已经缓存了它们。如果您希望自动加载所有图像，则需要使用 Javascript 预加载所有图像。