Question

这在我的浏览器中有效：

<!DOCTYPE html>
<html>
<body>

<img src="http://nineplanets.org/planets.jpg" 
onmouseover="this.src='http://nineplanets.org/planetorder.JPG';"
onmouseout="this.src='http://nineplanets.org/planets.jpg';">
</img>

</body>
</html>

但这不起作用：

<!DOCTYPE html>
<html>
<body>

<img src="C:\Users\user\Desktop\WE\Pics\milk.png"
onmouseover="this.src='C:\Users\user\Desktop\WE\Pics\butter.png';" 
onmouseout="this.src='C:\Users\user\Desktop\WE\Pics\milk.png';">
</img>

</body>
</html>

请尽快回答，我的图片路径完全正确!!

Answer 1

如果要使用指向本地硬盘的路径，则需要使用如下文件协议：

file:///c:/Users/user/Desktop/WE/Pics/milk.png

但是，最佳做法是使用相对URL，例如：

Pics/milk.png

会在milk.png文件夹中找到文件Pics，其中Pics文件夹位于HTML文件旁边。

Answer 2

您无法使用指向本地硬盘的路径。这将是一个重大的安全问题。您必须安装本地主机服务器或尝试使用file://协议。

omouseover不适用于我的机器上的图像，虽然它适用于在线图像

2 个答案: