mootoolsでホバー上にテキストオーバーレイを作成

Question

a>imgにアニメーションテキストオーバーレイを追加したいと思います。フェードやアニメーションのような単純な効果があります。

これを既に行っているプラ​​グインを知っている人はいますか、または私が見ていなければならないmootoolsの機能を提案できますか？あなたはMooToolsはに次の擬似コードを変換する必要があります

Answer 1

： -

1. はnew Element()機能を使用して、指定した要素内の新しい<div>要素を作成する関数を記述します。 <div>の内容は、親要素に加えて関数の引数に渡されます。
2. 上記の機能をトリガーし、それ自身を親要素として渡す、作業する<a>タグにmouseenterイベントを追加します。親の<a>タグのrel属性を子供のコンテンツに設定することができます<div>このプラグインは本当に動的になります。
3. 要素を取り、親要素の寸法を見つけて、要素を親要素の境界の外に移動させるスライドアニメーションを実行する関数を作成します（slideOut()）。親要素CSSにoverflow:hidden;が設定されていることを確認してください。
4. slideOut()関数を実行する<a>タグにmouseoutイベントを追加し、子として<div>を引数として渡します。

これでいいはずです。