Question

我有一系列div隐藏在pageload上

<div class="contact1"> Content here </div>
<div class="contact2"> Content here </div>
<div class="contact3"> Content here </div>
<div class="contact4"> Content here </div>

随之而来的是一系列带有类

的超链接

<a href="link-to-item-1" class"contact1">
<a href="link-to-item-1" class"contact1">
<a href="link-to-item-1" class"contact1">
<a href="link-to-item-1" class"contact1">

在鼠标悬停时，我希望相应的div为fadein或设置为可见，并且在mouseleave上它应该保持不变。当你悬停其他一个类时，应该用相应的div替换它。

我用jQuery进行了一些实验，我确信我也可以在mootools中制作一个fadein / out，但是这个替代品让我迷失了。谁能给我一些指示？

由于

Answer 1

您可以使用Element.fade() Mootools方法和Fx.Tween.chain()链接多个动画。

请参阅 here 了解结果和注释代码我假设你想在开始时隐藏所有div（我用普通的CSS做过）别忘了看看Mootools关于我使用的方法的官方文档：）

Mootools - 悬停class1上的fadein div，保持可见并在悬停class2上替换

1 个答案: