[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Показать скрытый блок
xJlaIIax
Здравствуйте, помогите решить одну задачу.
В php цикле есть два элемента, нужно сделать первый элемент по умолчанию видимым, а второй скрытым.
При наведении мыши на первый элемент он скрывается и показывается на его месте второй, при убирании курсора мыши опять показывается первый элемент.



Спустя 2 часа, 31 минута, 23 секунды (4.01.2012 - 06:52) TranceIT написал(а):
Jquery hide и show

Спустя 16 часов, 24 минуты, 37 секунд (4.01.2012 - 23:17) xJlaIIax написал(а):
Можно поподробней, как и что делается?

Спустя 2 минуты, 18 секунд (4.01.2012 - 23:19) Игорь_Vasinsky написал(а):
jquery.com

подробностей до некуда.

а про show и hide - гугл транслейт.

Спустя 24 минуты, 14 секунд (4.01.2012 - 23:43) sergeiss написал(а):
Можно смело забыть про jquery и сделать всё на простом JS. Несколько строк кода всего будет. Используешь события onmousemove, onmouseout.

Спустя 10 минут, 24 секунды (4.01.2012 - 23:54) inpost написал(а):
xJlaIIax
Хитрый ты. Делаешь кнопку submit, а при наведении - она убегает! smile.gif Гоняйся, милый, за сабмитом!

Спустя 1 минута, 43 секунды (4.01.2012 - 23:55) Winston написал(а):
biggrin.gif laugh.gif

Спустя 8 минут, 8 секунд (5.01.2012 - 00:03) sergeiss написал(а):
Цитата (inpost @ 5.01.2012 - 00:54)
Делаешь кнопку submit, а при наведении - она убегает!

В книге по JS читал про то, что может быть на самом деле подобная приколка smile.gif При слегка неправильном программировании.
Допустим, делаешь так, чтобы при клике на какой-то элемент его можно было начать двигать, а при повторном клике остановить в том месте, где он находится.
Так вот. Там рекомендовалось делать точку привязки не к самому краю, а чуть подальше. Иначе, если хоть чуть-чуть комп тормознет, то мышка может уехать за край элемента... Двигать-то ты сможешь и дальше, а вот кликнуть мышОй - уже нет! smile.gif Потому что привязка для движения к координатам окна браузера, а клик - только внутри элемента. Указатель же будет вне элемента.

Спустя 1 час, 19 минут, 12 секунд (5.01.2012 - 01:23) inpost написал(а):
sergeiss
а разве элемент потом не вернётся за курсором в центр окна браузера?

Спустя 24 минуты, 59 секунд (5.01.2012 - 01:48) sergeiss написал(а):
inpost - а при чем тут центр окна браузера?

Спустя 3 дня, 11 часов, 21 минута, 2 секунды (8.01.2012 - 13:09) xJlaIIax написал(а):
Спасибо всем что откликнулись!
Долго искал простую реализацию этой идеи.
Решил сделать все на CSS:


<div class="block1">
Первый видимый блок.
<div class="block2">
Второй скрытый блок, появляется при наведении мыши на первом и снова скрывается при отведении мыши.
</div>
</div>



div.block1:hover div.block2
{
display:block;
}

div.block2
{
display:none;
}


Конечно не в той ветки, но может кому пригодится.
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.