小编euD*_*nis的帖子

我正在尝试制作一个 JS，但由于我不是这方面的专家，也许有人可以帮助我。我在 Google 和 Stack Overflow 中搜索，但没有找到我需要的。我刚刚发现onmouseover改变元素本身的类。但我想要不同的东西：

我想打一个onmouseover对a标签类更改closed到open其他元素。例子：

<a href="#" onmouseover="<active event>">Link</a>

<ul class="dropdown closed"><li>Item</li></ul>

问候，

我已经搜索过了,但没有找到关于它的更多信息.可以使用:悬停效果创建和转换CSS,例如:

div { color: red;} div:hover {color: blue;}

而你只需要添加到这个CSS的过渡.但是我希望启动动画的触发器是DIV出现在屏幕上的时候.

我怎样才能做到这一点？

我一直在寻找像这个页面的影响(我正在寻找使用页面滚动启动动画的触发器)

有些人使用以下代码在StackOverFlow中帮助我:

function isScrolledIntoView(elem) {
    var docViewTop = $(window).scrollTop();
    var docViewBottom = docViewTop + $(window).height();

    var elemTop = $(elem).offset().top;
    var elemBottom = elemTop + $(elem).height();

    return ((elemBottom <= docViewBottom) && (elemTop >= docViewTop));
}

$(window).scroll(function(){

    if (isScrolledIntoView('.class') === true) {
        $('.class').addClass('in-view')
    }
});

结果可以在这里找到:http://jsfiddle.net/z3xTU/

但现在我又遇到了另一个问题.我有一个包含多个DIV的页面,我想为它们设置动画,但如果我用".class"设置每一个,这段代码同时为它们添加"视图内".当第一个div来查看时,这会触发所有动画启动,这不是我正在寻找的.

谁有更好的想法可以帮助我？