在鼠标上方调整图像大小（Javascript/MooTools）

我已经建立了一个网页，应该增加图片的大小。 我并没有用更大的图片替换这些图片，而是因为系统的限制而“拉伸”了现有的图片

以下是网页：

你可以看到，当你在上面的时候，电影图像会变大

问题是，当我移动鼠标太快时，有时图像会卡在打开的位置，或者会导致闪烁

附件也是我用于调整大小的代码：

function resizeImage(elem,width,height){
    var myEffect = new Fx.Morph(elem, {duration: 350});
    myEffect.start({'height': height,'width': width});
}

---

首先，在函数之外设置这个变量

var imagegrow

然后鼠标移到这个上面

function () {
    imagegrow = setTimeout(function(){ resizeImage(elem,width,height); },1000);
}

鼠标的位置是：

function () {
    clearTimeout(imagegrow);
}

调整

1000

数字以适应您的首选延迟（以毫秒为单位）。我会为您编写整个代码，但我已经有一段时间没有使用MooTools了

---

注释如果您有任何问题

首先，请在函数之外设置此变量

var imagegrow

然后鼠标移到这个上面

function () {
    imagegrow = setTimeout(function(){ resizeImage(elem,width,height); },1000);
}

鼠标的位置是：

function () {
    clearTimeout(imagegrow);
}

调整

1000

数字以适应您的首选延迟（以毫秒为单位）。我会为您编写整个代码，但我已经有一段时间没有使用MooTools了

---

如果您有任何问题，请发表意见。

Faruz，Gaussie是对的，您需要使用超时。但是，考虑使用MOOTooS的ADVEDENT函数，如将要描述的那样，它将允许您实现更优雅的东西，沿着以下的线：

window.addEvent('domready', function() {
  $$("tr td input").addEvent("mouseover", function() {
    //anonymous function like Gaussie's here
  });
});

---

请注意，这不是确切的代码，它需要一些修改，但它更干净，应该比设置每个图像的onmouseover属性更有效。另外，请记住这会出现在HTML文档的头部。

Faruz，Gaussie是对的，您需要使用超时。但是，考虑使用MOOTooS的ADVEDENT函数，如将要描述的那样，它将允许您实现更优雅的东西，沿着以下的线：

window.addEvent('domready', function() {
  $$("tr td input").addEvent("mouseover", function() {
    //anonymous function like Gaussie's here
  });
});

---

请注意，这不是确切的代码，它需要一些修改，但它更干净，应该比设置每个图像的onmouseover属性更有效。另外，请记住这会出现在HTML文档的头部。

我的office代理说你的链接是恶意网站。这可不好。我相信你可以通过IP进入。这是一个dynamicIP网站，许多网站都生活在这个领域。我相信有些是恶意的。我的不是。我的办公室代理说你的链接是恶意网站。这不好。我相信你可以通过IP进入。这是一个dynamicIP网站，许多网站都生活在这个领域。我相信有些是恶意的。我的不是。谢谢你的回答。请记住，我在网页上有几十张图片。这不是问题吗？出现语法错误。Write在第一个括号中（对于“function”关键字）出现语法错误。啊，好的，我假设您将在文档加载时设置事件。在将其添加为onmouseover属性的过程中，在开始处忽略

函数（）{

，在结束处忽略

}

，这样它就可以工作了。而且，你拥有的图像数量应该没有问题。确保在所有内容之外声明imagegrow变量。在任何情况下，我建议使用addEvent而不是内联指定事件，这将使将来的代码更短、更整洁、更易于维护。谢谢您的回答。请记住，我在网页上有几十张图片。这不是问题吗？出现语法错误。Write在第一个括号中（对于“function”关键字）出现语法错误。啊，好的，我假设您将在文档加载时设置事件。在将其添加为onmouseover属性的过程中，在开始处忽略

函数（）{

，在结束处忽略

}

，这样它就可以工作了。而且，你拥有的图像数量应该没有问题。确保在所有内容之外声明imagegrow变量。在任何情况下，我都建议使用addEvent而不是内联指定事件，这将使将来的代码更短、更整洁、更易于维护。