• Страница 1 из 1
  • 1
Скрытие и показ блока через CSS
pasha60rus Оффлайн
Проверенный
17
Дата: Воскресенье, 2013-11-17, 01:24 | Сообщение # 1
Решил сделать простое меню очень простым способом .fadeIn() .fadeOut() у меня возникла такая проблема чтобы закрыть меню мне надо создавать элемент (<a href="javascript:;" onclick="$('.test').fadeIn(200)">Закрыть</a>) при нажатии на который это меню скроется так вот мне надо чтобы при нажатии вне блока элемент исчез

Администратор портала Bloject.ucoz.ru .У нас вы можете найти рипы популярных шаблонов,адаптации с других движков,нестандартные решения для Ucoz.
Профиль
fil_ru Оффлайн
Проверенный
56
Дата: Воскресенье, 2013-11-17, 12:11 | Сообщение # 2
pasha60rus, лучше здесь спроси http://javascript.ru/forum/
Профиль
PheonixICQ Оффлайн
Проверенный
15
Дата: Воскресенье, 2013-11-17, 13:35 | Сообщение # 3
А ты сделай просто. Если мушка уходит с элемента то окно закроется примерно через 3-5 секунд

Хорошие книги про javscript:
JavaScript. Подробное руководство (6-е издание) [2012, PDF, RUS]
Выразительный Javascript, 2-е издание (2015, PDF/EPUB/MOBI, RUS)
-------
Посмотри чем вебмастера балуются
Профиль
pasha60rus Оффлайн
Проверенный
17
Дата: Воскресенье, 2013-11-17, 15:37 | Сообщение # 4
PheonixICQ, Блин точно

Добавлено (17.11.2013, 15:37)
---------------------------------------------
Сделал так, но опять же не корректно работает onmouseout="$('.test').fadeOut(200)"

Добавлено (17.11.2013, 15:37)
---------------------------------------------
Есть подобные способы


Администратор портала Bloject.ucoz.ru .У нас вы можете найти рипы популярных шаблонов,адаптации с других движков,нестандартные решения для Ucoz.

Сообщение отредактировал pasha60rus - Воскресенье, 2013-11-17, 15:40
Профиль
PheonixICQ Оффлайн
Проверенный
15
Дата: Воскресенье, 2013-11-17, 16:07 | Сообщение # 5
pasha60rus, Ты про время забыл.

Код

$('.test').click(function(){
$('.toggleblock').fadeIn();
});
$('.toggleblock').mouseout(function(){
$('.toggleblock').delay(5000).fadeOut();
});

Вариант рабочий, но все ровно не айс.


Хорошие книги про javscript:
JavaScript. Подробное руководство (6-е издание) [2012, PDF, RUS]
Выразительный Javascript, 2-е издание (2015, PDF/EPUB/MOBI, RUS)
-------
Посмотри чем вебмастера балуются
Профиль
pasha60rus Оффлайн
Проверенный
17
Дата: Воскресенье, 2013-11-17, 16:59 | Сообщение # 6
На этом сайте при входе нажми на шестерёнку и посмотри что получается

Администратор портала Bloject.ucoz.ru .У нас вы можете найти рипы популярных шаблонов,адаптации с других движков,нестандартные решения для Ucoz.
Профиль
PheonixICQ Оффлайн
Проверенный
15
Дата: Пятница, 2013-11-22, 07:02 | Сообщение # 7
pasha60rus, Дак ты запили код под себя. Я же писал по выдуманным элементам. Ты просто поменяй их на свои и убери из html кода onClick.

Хорошие книги про javscript:
JavaScript. Подробное руководство (6-е издание) [2012, PDF, RUS]
Выразительный Javascript, 2-е издание (2015, PDF/EPUB/MOBI, RUS)
-------
Посмотри чем вебмастера балуются
Профиль
lakarmo Оффлайн
Проверенный
0
Дата: Понедельник, 2016-07-18, 22:53 | Сообщение # 8
спасибо, помогло!
Профиль
  • Страница 1 из 1
  • 1
Поиск: