使用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>標籤。

應該這樣做。