Плавное появление блока при наведении курсором на ссылку

Danilkin · 02 дек 2013, 15:47

Вот рабочий код

[HTML]<!DOCTYPE >
<head>
<style type="text/css">
a:link, a:visited {text-decoration:none; color:#ff0000;}
a:hover, a:active {text-decoration:underline;}
#here {display:none;}
table {margin:0 auto;}
</style>
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.menu').hover(function(){
$('#here').fadeIn("slow");}).mouseout(function(){
$('#here').fadeOut("slow");});
});
</script>
</head>
<body>
<a href="#" class="menu" onMouseOver="a_hover();" onMouseOut="a_out();">hoverme</a>
<table cellpadding="0" cellspacing="0">
<tr>
<td id="here">
html.by
</td>
</tr>
</table>
</body>
</html>[/HTML]

Вопрос следующий: как сделать так чтобы при 10 кратном наведении на ссылку блок контент(который отображается при наведении на эту ссылку) не отображался 10 кратно!!?? а только один раз. помогите , пожалуйста!

Oleg_Rus · 18 мар 2014, 17:43

читайте очередь анимации jquery. Помню как-то тоже думал над аналогичной проблемой. в квери должен быть метод (если мне мой склероз не изменяет с кем попало) stop()

Developing.ru

Плавное появление блока при наведении курсором на ссылку

Вход • Регистрация