创建循环以生成鼠标悬停功能

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);

这有意义吗？