informa
@informa

Jquery fadein fadeout в таблице?

Код:


<code>
<script>
$(function() {
$('.jq').hover(function(event) {

var last = $(this).attr('id');
$('#'+last).fadeOut('0');
$('#last_'+last).stop().fadeIn('0');

},
function(event) {

var last = $(this).attr('id');
last = last.substring(5);

$('#last_'+last).fadeOut('0');
$('#'+last).fadeIn('0');
}

);});


</script>

<habracut />
<div id="tarif">
<div class="tarif-header">
<p>Безлимитные тарифы</p>
</div>
<p class="desc">Безлимитные тарифы идеально походят для тех, кто интенсивно работает в сети Интернет.
Скачивайте музыку и фильмы в высоком качестве. Смотрите онлайн-трансляции. Общайтесь со своими родными и близкими. </p>

<div style="width:990px; height:70px;">
<div class="jqlast act hidden" style="position:absolute;width:990px;" id="last_1">
<table width="100%" border="0">
<tr>

<td align="center" width="230px"><strong>Безлимит 2.1М</strong></td>
<td width="220px"><p style="font-size:11px;"><strong>Плата за подключение - <span style="color:#da2020;">0</span></strong> руб.</p>

<span style="line-height:12px; font-size:11px;">Скорость подключение по
локальной сети - <strong>100</strong> Мбит/сек</span></td>
<td width="295px">
<p style="font-size:11px;"><strong>Скорость доступа к сети Интернет:</strong>
с 09:00 до 02:00 — до <strong>2.1</strong> Мбит/с
с 02:00 до 04:00 — до <strong>4.2</strong> Мбит/с
с 04:00 до 09:00 — до <strong>8.4</strong> Мбит/с</p>
</td>
<td><a href="/"><img src="img/button-con.png" /></a></td>

</tr>
</table>
</div>
<div id='1' class="jq" style="position:absolute;width:990px;">
<table width="100%" border="0" >
<tr>
<td align="center" ><strong>Безлимит 4М</strong></td>
<td><span class="big"><strong>999</strong></span> <span class="small">руб/мес</span></td>
<td class="small">до <span class="big"><strong>4</strong></span> Мбит/сек</td>
<td align="center"> </td>
</tr>
</table></div>
</div>
<!-- -->

<div style="width:990px; height:70px;">
<div class="jqlast act hidden" style="position:absolute;width:990px;" id="last_2">
<table width="100%" border="0" height="50">
<tr>

<td align="center" width="230px"><strong>Безлимит 2.1М</strong></td>
<td width="220px"><p style="font-size:11px;"><strong>Плата за подключение - <span style="color:#da2020;">0</span></strong> руб.</p>

<span style="line-height:12px; font-size:11px;">Скорость подключение по
локальной сети - <strong>100</strong> Мбит/сек</span></td>
<td width="295px">
<p style="font-size:11px;"><strong>Скорость доступа к сети Интернет:</strong>
с 09:00 до 02:00 — до <strong>2.1</strong> Мбит/с
с 02:00 до 04:00 — до <strong>4.2</strong> Мбит/с
с 04:00 до 09:00 — до <strong>8.4</strong> Мбит/с</p>
</td>
<td><a href="/"><img src="img/button-con.png" /></a></td>
</tr>
</table>
</div>
<div id='2' class="jq" style="position:absolute;width:990px;">
<table width="100%" border="0" height="50">
<tr>
<td align="center" ><strong>Безлимит 4М</strong></td>
<td><span class="big"><strong>999</strong></span> <span class="small">руб/мес</span></td>
<td class="small">до <span class="big"><strong>4</strong></span> Мбит/сек</td>
<td align="center"> </td>
</tr>
</table></div>
</div></code>

При быстром движение мышки все строки меняются. Есть ли возможность решить эту проблему?
  • Вопрос задан
  • 2544 просмотра
Пригласить эксперта
Ответы на вопрос 1
Wott
@Wott
В чем проблема собственно?
Если не срабатывает out то надо принудительно закрывать соседей.
Если надо реакцию «притупить» то ставим короткий таймер и после проверяем состояние и только потом анимируем.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы