JavaScript问题——onMouseOver事件

发布于 2024-08-28 12:18:52 字数 346 浏览 6 评论 0原文

为什么这段代码没有按预期交换鼠标悬停时的图像？：

<a href="#" onMouseOver="
 if (document.the_image.src == '01.jpg')
 {
  document.the_image.src = '02.jpg';
 }
 else if (document.the_image.src == '02.jpg')
 {
  document.the_image.src = '03.jpg';
 }
 else
 {
  document.the_image.src = '01.jpg';
 }
 ">
Some image</a><br>

原文

Why doesn't this piece of code swap images on mouse-over as intended?:

<a href="#" onMouseOver="
 if (document.the_image.src == '01.jpg')
 {
  document.the_image.src = '02.jpg';
 }
 else if (document.the_image.src == '02.jpg')
 {
  document.the_image.src = '03.jpg';
 }
 else
 {
  document.the_image.src = '01.jpg';
 }
 ">
Some image</a><br>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

抱着落日 2024-09-04 12:18:52

在渲染的 HTML 中，图像源很可能是绝对 URL，因此 src 可能是 "http://mydomain.com/01.jpg"

要测试这一点，请尝试在代码中设置 alert() 以查看实际情况src 值是

您可能还应该将该代码放入函数中，在内联 HTML 中放入大量 JavaScript。

回复收藏 0 原文

莫相离 2024-09-04 12:18:52

为了补充 @jaywon 答案，如果是这种情况，您可以使用它来确保它匹配，无论绝对或相对 URL。

if (document.the_image.src.indexOf('01.jpg') > 0) {
...
}

To complement @jaywon answer, if that is the case you can use this to ensure that it is matching regardless of absolute or relative URL.

if (document.the_image.src.indexOf('01.jpg') > 0) {
...
}

回复收藏 0 原文

渔村楼浪 2024-09-04 12:18:52

最后，我弄清楚了如何发布完整的代码。非常感谢！：

<HTML>
<head>

<title></title>
<script language="javascript">
    var name = prompt('What is your name?', '');
    document.writeln('Welcome, ' + name + '.');
</script>
</head>


<body>

<a href="#" onMouseOver="
    if (document.the_image.src == '01.jpg')
    {
        document.the_image.src = '02.jpg';
    }
    else if (document.the_image.src == '02.jpg')
    {
        document.the_image.src = '03.jpg';
    }
    else
    {
        document.the_image.src = '01.jpg';
    }
    ">
<img src="01.jpg" name="the_image"></a><br>


</body>

</HTML>

Finally, I've figured out how to post the complete code. Thanks very much!:

<HTML>
<head>

<title></title>
<script language="javascript">
    var name = prompt('What is your name?', '');
    document.writeln('Welcome, ' + name + '.');
</script>
</head>


<body>

<a href="#" onMouseOver="
    if (document.the_image.src == '01.jpg')
    {
        document.the_image.src = '02.jpg';
    }
    else if (document.the_image.src == '02.jpg')
    {
        document.the_image.src = '03.jpg';
    }
    else
    {
        document.the_image.src = '01.jpg';
    }
    ">
<img src="01.jpg" name="the_image"></a><br>


</body>

</HTML>

回复收藏 0 原文

~没有更多了~