javascript中的onmouseover和onmouseout事件_Javascript_Javascript Events

javascript中的onmouseover和onmouseout事件

javascript

javascript中的onmouseover和onmouseout事件,javascript,javascript-events,Javascript,Javascript Events,我不熟悉javasript 我有一个简单的代码，在GoogleChrome中运行良好，但在firefox中无法启动脚本这只是onmouseover和onmouseout上的两个事件，并更改图像 <!DOCTYPE html> <html> <head> <title> </title> <script> function over() { image1.src = "13.

我不熟悉javasript 我有一个简单的代码，在GoogleChrome中运行良好，但在firefox中无法启动脚本这只是onmouseover和onmouseout上的两个事件，并更改图像

<!DOCTYPE html>
<html>
<head>
    <title> </title>
    <script>

        function over() {
        image1.src = "13.JPG"
              }


        function out() {
        image1.src = "19.JPG"
              }
    </script>

    <style>
        img {
        height:200px; width:200px;
        }
    </style>

</head>
<body>

    <img  id="image1" onmouseover="over()" onmouseout="out()" />

</body>
</html>


（）上的函数{
image1.src=“13.JPG”
}
函数输出（）{
image1.src=“19.JPG”
}
img{
高度：200px；宽度：200px；
}

它在google Chrome中运行良好，但在firefox中不起作用，我想知道原因，谢谢。

下面是如何使用javascript实现这一点：

函数覆盖（）{
document.getElementById（'image1'）。src=”http://animalrescuetracy.org/wp-content/uploads/2014/07/playful-kitten-6683.jpg";
}
函数输出（）{
document.getElementById（'image1'）。src=”http://www.valleyvet.com/images/worming-your-kitten.png";
}

img{
高度：200px；宽度：200px；
}

您必须将上下文作为参数传递给函数。您的意思是，如果（x.src=“13.JPG”）x=“19.JPG”else{x.src=“13.JPG”}，则函数changeimg（）{x=document.getElementById（“image1”）是这样的但总的来说，我想知道为什么在google chroome中运行时没有错误。您可以使用

document.getElementById（'image1'）

选择图像元素，然后设置其源代码。在您的情况下，传递

此

并在函数中设置其

src

也会起作用-例如

覆盖（此）

。您也可以使用css、

背景图像

属性和

：hover

伪类来更改图像-这应该是可执行的方式感谢您的声明，我知道css是一种更好的方式，但这只是为了学习，在本例中，您有两个图像，其中一个位置，因此您不能声明两个id，因此，我以这种方式编写代码，他在chroome@dudelgrincenthanks中毫无错误地工作，感谢您的努力，我认为我的代码也应该工作，因为您的示例在谷歌chroome中工作良好，但在firefox开发者版中没有我的代码，所以您能帮我检查这支笔吗？再次感谢您在在firefox中，您的元素必须具有

src=”“

属性才能显示在屏幕上。属性可以是空字符串，如

src=”“

，但必须存在。还可以看到，当您使用codepen、jsfiddle等工具时，甚至在这里使用snippet特性。因此，html、css和javascript都有单独的框。当您添加html时，无需从实际html文件中添加上面或下面的所有内容，这些内容将由工具自动添加。是的，src=”“属性也修复了firefox和ie问题，谢谢