如何在MooTools中的悬停元素上添加类？

Question

我使用的是MooTools 1.12

如何在悬停时将某个类添加到元素？

e.g。

我有这个

<a href="example.html">Some text</a>
<a href="example.html">Some text</a>
<a href="example.html">Some text</a>
<a href="example.html">Some text</a>

anf当悬停在我想要的链接上时：

<a href="example.html">Some text</a>
<a href="example.html">Some text</a>
<a class="hover" href="example.html">Some text</a> <!-- I am over this link -->
<a href="example.html">Some text</a>

提前致谢

Answer 1

只需定义一个在mouseenter和mouseleave上添加或删除课程的活动。

$$('a').addEvents({
  'mouseenter': function() { $(this).addClass('hover'); },
  'mouseleave': function() { $(this).removeClass('hover'); }
});

但是，如果您使用它来更改链接上的CSS属性，最好在CSS中使用:hover伪类。使用伪类将使您的更改能够在没有Javascript的情况下在浏览器上运行。