Mootools的 - 悬停class1的淡入格，保持可见和悬停的Class2更换

我有，这是隐藏在页面加载Mootools的 - 悬停class1的淡入格，保持可见和悬停的Class2更换

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

有了这一系列的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淡入淡出或被设置为可见，并且在mouseleave上它应该保持可见。当你悬停其他班级时，应该用相应的div替换它。

我用jQuery做了一些实验，我确信我也可以在mootools中做一个淡出/淡出，但是用这个替换我会丢失。任何人都可以给我一些指点吗？

感谢

来源

2012-01-22 paradoxical81

你必须给我们带来一些代码，以便我们可以帮助你，我们不能为你做的工作:) –

我可以理解，我从来没有进入Mootols很多，做了一些与JQuery的东西，我会尝试设计一个例子今天;）问题是我使用的网站已经有mootools作为库，所以它是没有意义的只需要一个简单的脚本就可以获得JQuery。 – paradoxical81

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

请参阅here结果和评论代码。
我以为你想在开始时隐藏所有的div（我用普通的CSS做过）。
不要忘了看看Mootools的官方文档关于我使用的方法：

来源

2012-01-23 12:13:07

Mootools的 - 悬停class1的淡入格，保持可见和悬停的Class2更换

回答

相关问题