наведите курсор на всплывающее меню

Question

Создание веб-сайта с использованием простых html (не html5) и css, но с эффектом наведения мыши.Нужно показать текст с фоновым изображением, когда пользователь наводит курсор мыши на ссылку.Ниже приведен пример ..

NORMAL:

OVER:

Я не думаю, что возможно создать эффект с помощью простого CSS.У меня вопрос, что является наиболее эффективным способом создания избыточного эффекта и как?Javascript, DHTML или другой язык ...

Заранее спасибо ... Рекс ...

Answer 1

Rex

Я думаю, вы найдете jQuery очень полезным. jQuery - это фреймворк javascript, очень простой в использовании. www.jquery.com

Вы можете добиться своего эффекта с помощью чистого javascript, но, опять же, я думаю, вам будет гораздо проще использовать инфраструктуру javascript, поскольку вы исходите из actioncript.

Для вашего конкретного случая я бы сделал div абсолютно позиционированным. Чтобы показать div при наведении мыши, вы можете использовать jQuery $ ("# div_id"). Show (); и при наведении мыши используйте .hide ();

Вот базовое руководство по использованию show hide для событий с jQuery.

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

Удачи!

Answer 2

Вы можете использовать javascript, чтобы показать скрытый div, в котором написан текст.

используйте для этого события onmouseover и onmouseout в javascript.

Однако пытались ли вы использовать свойство href: hover в css для достижения этой цели?