картинка под ссылкой

Motoko Kusanagi · August 27, 2011

Подскажите пожалуйста, как сделать обычную ссылку, но при наведении на нее, под ней появлялось изображение? Через onmouseover как это реализовать?

web-monster · August 27, 2011

С помощью jQuery можно легко реализовать. Делаете скрытый блок с картинкой относительным позиционированием и при hover'е на ссылку его показываете

Vlad · August 27, 2011

Что вы jQuery лепите везде. Зачем загружать лишние 50 Кб ради того, с чем и стили справятся.

<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8">
		<title>Меню</title>
		<style>
			a img { display: none; }
			a:hover img { display: block; }
		</style>
	</head>
	<body>
		<p><a href="#">Ссылка <img src="images/figure.jpg" alt=""></a></p>
	</body>
</html>

Motoko Kusanagi · August 27, 2011

Влад, спасибо.

Edited August 27, 2011 by Motoko Kusanagi

Sign In

картинка под ссылкой

Question

Motoko Kusanagi

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

web-monster

Link to comment

Share on other sites

Vlad

Link to comment

Share on other sites

Motoko Kusanagi

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information