使用mootools悬停文字覆盖

Question

我想在a>img上添加一个动画文字叠加，并具有一些简单的效果，如渐隐或动画输入/输出。

有谁知道插件已经这样做，或者可以建议我应该看的mootools函数？

Answer 1

你需要以下伪翻译成MooTools的： -

1. 写它创建了一个给定的元素中新<div>元素，使用new Element()功能的功能。除了父元素之外，<div>的内容将通过函数参数传递。
2. 将mouseenter事件添加到要处理的<a>标记，该标记触发上述函数并将其自身作为父元素传递。您可以将父项<a>标记的rel属性设置为子项<div>的内容，以使该插件真正动态。
3. 创建一个slideOut()函数，该函数接受一个元素，查找父元素的尺寸，并执行滑动动画以将元素移动到父元素边界之外。确保您在父元素CSS上设置了overflow:hidden;。
4. mouseOut事件添加到其运行slideOut()功能，并通过孩子<div>，因为它的参数的<a>标签。

应该这样做。