鼠标悬停时的原型阻止功能

时间:2011-05-26 15:53:42

标签: javascript prototypejs mouseover autoscroll

我得到这个函数,间隔时间,自动滚动旋转木马。

function startInterval() {
if (totSliders > 1) {
interval = setInterval("next()", 7000); }
setInterval("Time()", 1000);
}
window.onload = function {
startInterval()
}

我想要的是,在鼠标悬停某些“类ul li”元素(每个)上,函数startInterval()驱动器清除,停止。简而言之,鼠标悬停在轮播元素上时,自动滚动停止。在鼠标输出上,应该重新启动相同的功能(以及自动滚动)。

我指出setInterval(“Time()”,1000);在这些鼠标翻转/输出事件中不应考虑包含在父项中的函数。它应该只被称为onload。

我怎样才能实现我的目标?非常感谢

1 个答案:

答案 0 :(得分:0)

我只是在捅这个,因为它有点难以理解这个问题。根据我的猜测,您尝试向所有onmouseover元素添加onmouseoutclass ul li个事件,对吗?如果是这种情况,请按以下步骤操作:

function pauseInterval(evt) {
   clearInterval(interval);
}

function resumeInterval(evt) {
   interval = setInterval("next()", 7000);
}

var listElements = $$('class').getElementsByTagName('li');
for (var i = 0; i < listElements.length; i++) {
   listElements[i].on('mouseover', resumeInterval);
   listElements[i].on('mouseout', pauseInterval);
}

我肯定会对此进行测试,因为我肯定没有。