Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript html中的鼠标图像_Javascript_Html_Image_Onmouseover - Fatal编程技术网

Javascript html中的鼠标图像

Javascript html中的鼠标图像,javascript,html,image,onmouseover,Javascript,Html,Image,Onmouseover,我在mouseover上为另一个图像编写了这样的图像。它在我的本地系统中运行良好。但是在服务器上的mouseover图像首次加载缓慢。第二次在病房工作很好 请查找链接第一次加载悬停图像时速度很慢,因为它们必须由浏览器加载。它们第二次运行更快,因为浏览器缓存了它们。如果希望自动加载所有图像,则需要使用Javascript预加载它们。那么问题是什么?你想知道为什么第一次加载的速度很慢吗? <img width="167" height="119" onmouseout="this.src='h

我在
mouseover
上为另一个图像编写了这样的图像。它在我的本地系统中运行良好。但是在服务器上的
mouseover
图像首次加载缓慢。第二次在病房工作很好


请查找链接

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

那么问题是什么?你想知道为什么第一次加载的速度很慢吗?
<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">