Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 25.06.2011, 17:35
Новичок на форуме
Отправить личное сообщение для deNSe_01 Посмотреть профиль Найти все сообщения от deNSe_01
 
Регистрация: 28.01.2011
Сообщений: 6

Отображение ссылок при нажатии на картинку
Всем привет! Возник вопрос - нужно сделать скрипт, задача которого при нажатии на картинку (внутри таблицы) выводить две ссылки сверху на этой картинке.
В идеале нужно выводить по событию onMouseOver и убирать по onMouseOut. Проблема в том, что когда курсор перемещается на ссылку, она убирается. Как решить этот вопрос? И если нереально, то как реализовать первый вариант? Помогите плиз!
Ответить с цитированием
  #2 (permalink)  
Старый 25.06.2011, 17:56
Аватар для walik
Профессор
Отправить личное сообщение для walik Посмотреть профиль Найти все сообщения от walik
 
Регистрация: 09.11.2009
Сообщений: 1,101

<html>
<head>
<script>
window.onload = function() {	
	showLinks = function() {
		clearTimeout(window.t);
		document.getElementById('links').style.display = 'inline';
	}
	
	hideLinks = function() {
		window.t = setTimeout(function() {
			document.getElementById('links').style.display = 'none';
		}, 1000);
	}
	
	document.getElementById('image').onmouseover = showLinks;
	document.getElementById('image').onmouseout = hideLinks;
	
	document.getElementById('links').onmouseover = showLinks;
	document.getElementById('links').onmouseout = hideLinks;
}
</script>
<style>
#links {
	display: none;
}
</style>
</head>
<body>
<span id="links"><a href="#">Bla bla bla</a> | <a href="#">Bla2 bla 2 bla2</a></span><br /><br />
<img id="image" src="http://javascript.ru/forum/images/smilies/smile.gif" height="100" width="100" />
</body>
</html>
__________________
"Всегда пишите код так, будто сопровождать его будет склонный к насилию психопат, который знает, где вы живете."
Мой сертификат :-D клацай
Ответить с цитированием
  #3 (permalink)  
Старый 25.06.2011, 18:04
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,567

Пример: no ie6
<style>
div{width:336px;height:76px;background-image:url(http://javascript.ru/forum/images/ca_serenity/misc/logo.gif)}
div a{display:none}
div:hover a{display:inline}
</style>

<div>
  <a href="#">ссылка</a>
</div>
__________________
29375, 35
Ответить с цитированием
  #4 (permalink)  
Старый 26.06.2011, 18:58
Новичок на форуме
Отправить личное сообщение для deNSe_01 Посмотреть профиль Найти все сообщения от deNSe_01
 
Регистрация: 28.01.2011
Сообщений: 6

Спасибо, Aetae! То, что нужно! А как сделать тоже самое не для div, а для класса, и менять background-image при наведении на эту картинку (ну то есть менять саму картинку)?
Ответить с цитированием
  #5 (permalink)  
Старый 27.06.2011, 01:58
Аватар для trikadin
Модератор
Отправить личное сообщение для trikadin Посмотреть профиль Найти все сообщения от trikadin
 
Регистрация: 27.04.2010
Сообщений: 3,417

Выучить CSS.

Learn it)
__________________
Читайте:
Ты любопытный) Всё-таки, ничему в этом мире не помешает хорошая доля юмора)
Как спросить, чтобы вам ответили
Часто Задаваемые Вопросы (FAQ)
Ответить с цитированием
  #6 (permalink)  
Старый 27.06.2011, 10:39
Новичок на форуме
Отправить личное сообщение для deNSe_01 Посмотреть профиль Найти все сообщения от deNSe_01
 
Регистрация: 28.01.2011
Сообщений: 6

trikadin, в css я и в самом деле полный нуб, поэтому и спрашиваю.
Перешёл по ссылке, порылся но ничего не нашёл. Вот мой код:
.hLink
{
      background-image:url('images/frame.png');
}

.hLink a
{     
      display:none;
}

.hLink:hover a
{
      display:inline;
      background-image:url('images/frame_h.png')
}

Цель см. выше. Так какая здесь ошибка?
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
смена картинок при нажатии sdff Общие вопросы Javascript 15 08.02.2014 17:08
Нужен скрипт, подсвечивающий ссылку при наведение на картинку Vatrushka Общие вопросы Javascript 2 26.04.2011 09:02
Как поменять картинку при нажатии на нее syegorius Events/DOM/Window 1 28.08.2010 23:14
Как сделать так, чтобы JS при нажатии на кнопку не выполняла запрос со страницы. JSProgrammer Элементы интерфейса 3 18.05.2010 20:18
при нажатии - всплывает окно! rabota.kh Общие вопросы Javascript 0 09.03.2010 17:37