將鼠標懸停在彈出菜單上

Question

使用簡單的html（不是html5）和CSS創建網站，但是鼠標懸停效果不錯。 用戶將鼠標懸停在鏈接上時，需要顯示一些帶有背景圖像的文本。 以下是一個示例。

正常：

過度：

我認為用簡單的CSS來創建效果是不可能的。 我的問題是產生過度影響的最有效方法是什么？ Javascript，DHTML或其他語言...

在此先感謝...雷克斯...

Answer 1

雷克斯

我認為您會發現jQuery非常有用。 jQuery是一個javascript框架，非常易於使用。 www.jquery.com

您可以使用純JavaScript來達到效果，但是我想您會發現使用javascript框架要容易得多，因為您來自ActionScript。

對於您的特定實例，我將使div絕對定位。 要顯示鼠標懸停時的div，可以使用jQuery $（“＃div_id”）。show（）;。 並在mouseout上使用.hide（）;

這是在jQuery事件上使用show hide的基本教程。

http://www.learningjquery.com/2006/09/slicker-show-and-hide

祝好運！

Answer 2

您可以使用javascript來顯示隱藏的div，該div的內部寫有文字。

使用javascript的onmouseover和onmouseout事件來執行此操作。

但是，您是否嘗試過使用CSS的href：hover屬性來實現這一目標？