翻转链接==更改类。推出div ==更改课程。不工作。救命

时间:2011-08-21 17:33:49

标签: javascript jquery css navigation

这是我最简单的问题。让我试着澄清一下。

我有div,在这种情况下称为"testdiv",其附加了类名"menulink"div内部有一个链接。当我滚动链接时,我希望div类更改为"menulinkHover"。但是,当我滚动 div时,我希望该类恢复为"menulink"。为此,我使用的是getElementByID。滚动链接可以很好地完成,但只要我推出link而不是div ,该类就会恢复原状。

这是我到目前为止的一个小提琴:http://jsfiddle.net/nathanbunn/KJMsf/

我正在使用jQuery,使用.removeClass.addClass以同样的方式处理这个问题,但我担心我会遇到同样的问题。我错过了什么,我知道我错过了什么,但它是什么?有关我正在寻找的内容的概念,请查看Harvey Nichols主页。我知道他们使用Prototype作为他们选择的框架。

这可以用我的脚本完成吗?我是对的,我确实错过了什么?它可以在jQuery中更好地工作吗?甚至可以用纯CSS完成吗?请帮忙。我完全失去了。

2 个答案:

答案 0 :(得分:3)

将CSS与jquery鼠标事件和fadein / out结合起来,你应该得到你想要的。一个例子是:here

答案 1 :(得分:1)

我将其设置为使用JQuery,因为我总是发现它比纯javascript更好。我通过将链接设置为具有向div添加类的mouseenter然后div本身具有删除该类的mouseleave来实现它。它现在对我来说很好。这是链接: http://jsfiddle.net/KJMsf/6/