Javascript.RU

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

Задержка на onmouseover
Привет всем. Такой банальный вопрос.
Каким образом мне сделать чувствительность реакции события при заведении мышки на элемент
Задача проста - есть контент, который должны отображаться (display:block/none) при наведении на элемент. Но отображаться должен не сразу, а чрезе доли секунды. И плюс ко всему, если в период задержки мышка ушла с элемента, то не отображать контент. Т.е. проще говоря, если случайно курсор понёсся по этому элементу, так сказать, транзитом ))) то контент не должен появляться.
Если воспользоваться setTimeout он работает не так как нада, он по любому отработает функцию, тока с задержкой.
Спасибо всем.
Ответить с цитированием
  #2 (permalink)  
Старый 22.02.2013, 21:20
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,225

Сообщение от Andreka
Каким образом мне сделать чувствительность реакции события при заведении мышки на элемент
Как вариант...

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
div {
	width: 100px;
	height: 100px;
	border: 1px solid;
}
div > p {
	display: none;
}
div.on > p {
	display: block;
}
</style>
<script type="text/javascript">
var ID;
$(document).ready(function(){
	$('div').hover(function(){
		ID = setTimeout(function(){
			$('div').addClass('on');
		}, 1000)
	},function(){
		clearTimeout(ID);
		$('div').removeClass('on');
	});
});
</script>
</head>
<body>
<div>
	<p>Test</p>
</div>
</body>
</html>

Последний раз редактировалось ksa, 22.02.2013 в 21:24.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Проблемы с событием onmouseover в разных браузерах jsuse Общие вопросы Javascript 4 29.11.2011 18:30
задержка на реакцию .mouseenter dimon76 jQuery 14 25.11.2011 19:02
OnMouseOver и Дети Элемента Ваcя Общие вопросы Javascript 7 21.11.2011 12:42
Задержка перед повтором проигрывания audio Андрей Параничев Firefox/Mozilla 1 20.10.2011 02:51
FireFox: onmouseover не работает при зажатой кнопке мыши no. Общие вопросы Javascript 4 19.08.2008 13:43