наложение текста при наведении мышки

Question

Я бы хотел добавить наложение на анимированный текст на a>img с таким простым эффектом, как постепенное исчезновение или анимация входа / выхода.

Кто-нибудь знает плагин, который уже делает это, или может предложить функции mootools, на которые мне следует обратить внимание?

Answer 1

Вам нужно будет перевести следующий псевдокод в Mootools: -

1. Напишите функцию, которая создает новый элемент <div> внутри данного элемента, используя функцию new Element(). Содержимое <div> будет передано в аргументах функции в дополнение к родительскому элементу.
2. Добавьте событие mouseenter к тегу <a>, с которым вы хотите работать, который вызывает вышеуказанную функцию и передает себя в качестве родительского элемента. Вы можете установить атрибут rel родительского тега <a> как содержимое дочернего элемента <div>, чтобы сделать этот плагин действительно динамичным.
3. Создает функцию slideOut(), которая принимает элемент, находит размеры родительского элемента и выполняет анимацию слайдов, чтобы переместить элемент за пределы границ родительских элементов. Убедитесь, что на родительских элементах CSS установлен overflow:hidden;.
4. Добавьте событие mouseout к тегу <a>, который запускает функцию slideOut() и передает дочерний элемент <div> в качестве аргумента.

Это должно сделать это.