0

我刚刚在 html 上添加了这样的图像。

<img src="Your image address" width="500" height="500">

但是我想添加鼠标悬停意味着当鼠标光标出现在图像上时，图像应该改变，我在这里使用什么代码。谢谢

4

1 回答 1

0

文件层次结构：Vidzpra/index.html 和 Vidzpra/images 有两个图像 black.jpg 和 yellow.jpg 这是在鼠标悬停时更改图像的代码（带有内部 javascript 的 HTML）：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>onMouserOver Img change</title>

<script>
    function changeImg(el){
        el.src  = "images/yellow.jpg";
    }

    function fixImg(el){
        el.src = "images/black.jpg";
    }

</script>
</head>

<body>
    <div>
        <img onmouseover="changeImg(this)" onmouseout="fixImg(this)" border="0" src="images/black.jpg" alt="" align="middle" >
    </div>
</body>

</html>
于 2013-03-15T14:05:58.437 回答