image - 创建循环以生成鼠标悬停函数

Question

我有一个 mouseOver 函数列表，对于其他页面来说会更长，所以我正在寻找一种在循环中生成 mouseOver 函数的方法。

这是一个示例中的 5 个函数的小列表，通过将其放在单个循环函数中，我应该能够理解如何将其扩展为更多。

function mouseOver1()
{
    document.pic.src ="img1.jpg"
}

function mouseOver2()
{
    document.pic.src ="img2.jpg"
}

function mouseOver3()
{
    document.pic.src ="img3.jpg"
}

function mouseOver4()
{
    document.pic.src ="img4.jpg"
}

function mouseOver5()
{
    document.pic.src ="img5.jpg"
}

谢谢你的帮助！！

Answer 1

（从评论中移动讨论）

您不想创建五种不同的方法。您需要一种可以处理所有情况的方法。

function mouseOver(i) {
    document.pic.src="img" + i + ".jpg";
}

之前你会这样称呼它：

mouseOver1();

你现在这样称呼它：

mouseOver(1);

那有意义吗？