用于交换图像的Javascript onMouseover

我有一些代码，当鼠标移到上面时会使图像变大：

<script>
function bigImg(x)
{
x.style.height="70px";
x.style.width="237px";
}

function normalImg(x)
{
x.style.height="56px";
x.style.width="218px";
}
</script>

函数bigImg（x）
{
x、 style.height=“70px”；
x、 style.width=“237px”；
}
函数normalImg（x）
{
x、 style.height=“56px”；
x、 style.width=“218px”；
}

我将这些函数称为：

<a><img border="0" src="category_icons/addorder.png" onmouseover="bigImg(this)" onmouseout="normalImg(this)"></a>

---

但是我真正想做的是使

bigIMG（x）

函数也改变图像。我对javascript不是非常熟悉，我想知道是否有人知道我可以编写什么代码来交换图像。图像名称为addorder2.png。我试过使用

this.src=“addorder2.png”；但是这不起作用。

使用Javascript，您可以编辑img的src属性

Javascript:

function bigImg()
{
document.getElementById("myImg").src="addorder2.gif";
}

HTML:

---

我建议您通过查看了解更多信息，当然，特别是使用Javascript获取和设置

，您可以编辑img的src属性

Javascript:

function bigImg()
{
document.getElementById("myImg").src="addorder2.gif";
}

HTML:

---

我建议您签出以了解更多信息，当然，特别是获取和设置只需根据功能更改

x.src

属性：

function bigImg(x)
{
    x.style.height="70px";
    x.style.width="237px";
    x.src = "category_icons/addorder2.png";
}

function normalImg(x)
{
    x.style.height="56px";
    x.style.width="218px";
    x.src = "category_icons/addorder.png";
}

---

只需根据函数更改

x.src

属性：

function bigImg(x)
{
    x.style.height="70px";
    x.style.width="237px";
    x.src = "category_icons/addorder2.png";
}

function normalImg(x)
{
    x.style.height="56px";
    x.style.width="218px";
    x.src = "category_icons/addorder.png";
}

---

这就行了。将图像src更改为“addorder2.png”

函数bigImg（x）
{
x、 style.height=“70px”；
x、 style.width=“237px”；
x、 src=“addorder2.png”；
}
函数normalImg（x）
{
x、 style.height=“56px”；
x、 style.width=“218px”；
x、 src=“addorder.png”；
}

这样就可以了。将图像src更改为“addorder2.png”

函数bigImg（x）
{
x、 style.height=“70px”；
x、 style.width=“237px”；
x、 src=“addorder2.png”；
}
函数normalImg（x）
{
x、 style.height=“56px”；
x、 style.width=“218px”；
x、 src=“addorder.png”；
}

我的2美分：

不要使用内联JS，而是可以设置

数据。*

属性
以及一个对象文字，它将包含您想要的更改
并用JS阅读：

<img class="zoom" src="img.jpg" data-enlarge='{"src":"img2.jpg", "zoom":"1.2"}'>

正如您在上面所看到的，我们将使用JS以类“zoom”的每个元素为目标

函数放大（）{
var el=这个，
src=el.src，
data=JSON.parse（el.dataset.放大）；
el.src=data.src；
el.style.transition=“0.3s”；
el.style.transform=“缩放（“+data.zoom+”）；
el.addEventListener（'mouseleave'，function（）{
el.src=src；
el.style.transform=“比例（1）”；
}，假）；
}
var$ZOOM=document.querySelectorAll（'.ZOOM'）；
对于（var i=0；i2美分）：


不要使用内联JS，而是可以设置
数据。*
属性

以及一个对象文字，它将包含您想要的更改

并用JS阅读：

<img class="zoom" src="img.jpg" data-enlarge='{"src":"img2.jpg", "zoom":"1.2"}'>



正如您在上面所看到的，我们将使用JS以类“zoom”的每个元素为目标

函数放大（）{
var el=这个，
src=el.src，
data=JSON.parse（el.dataset.放大）；
el.src=data.src；
el.style.transition=“0.3s”；
el.style.transform=“缩放（“+data.zoom+”）；
el.addEventListener（'mouseleave'，function（）{
el.src=src；
el.style.transform=“比例（1）”；
}，假）；
}
var$ZOOM=document.querySelectorAll（'.ZOOM'）；
对于（var i=0；iOh dang it.我对javascript不太在行，我用的是“this.src…”而不是“x.src”不。一旦你进入bigImg函数，它的作用域就是窗口。很高兴我能帮忙：）.噢，该死。我对javascript不太在行，我用的是“this.src…”而不是“x.src”没有。一旦你输入了bigImg函数，它的作用域就是窗口。很高兴我能帮上忙：）。