Javascript.RU

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

Выезжающие снизу элемент
Бьюсь, бьюсь, не могу решить след. задачу, нужно сделать окошко с инфой, при наведение мышки на это окошко снизу выезжает блок с кнопками, при убирание с элемента мышки, блок с кнопками уезжает вниз соответственно... Перебрал все анимации и show() и slideDown() и animate(), ничего не подходит, наезд сверху получается без проблем, снизу никак не могу, докопался максимум до этого:
$(".main").mouseover(function () {
		  		$(".focus").animate({ 
					top: "0"
                       }, 1000)
			});

при такой структуре
<div class="wrapGame">
					<div class="main">
						<img src="img/game.jpg" alt="0" />
						<div class="puls">
							<p class="numerPuls">199</p>
							<p class="titlePuls">пульс игры</p>
						</div>
					</div>
					<div class="focus">
						<p>некий текст</p>
						<div class="setup">
							<input type="button" value="Установить" />
						</div>
						<div class="more">
							<input type="button" value="Подробнее" />
						</div>
					</div>
				</div>

При наведение на элемент, блок с кнопками выезжает снизу, но как теперь его убирать вниз, при отведение мышки с элемента, вот так не работает, сразу говорю
$(".main").mouseout(function () {
		  		$(".focus").animate({ 
					top: "300px"
                       }, 1000)
			});
Ответить с цитированием
  #2 (permalink)  
Старый 27.11.2012, 16:27
Аватар для Amphiluke
   ☽
Отправить личное сообщение для Amphiluke Посмотреть профиль Найти все сообщения от Amphiluke
 
Регистрация: 07.01.2011
Сообщений: 254

Так вполне себе работает
$(".main").hover(
	function () {
		$(".focus").stop().animate({ top: "0" }, 1000);
	},
	function () {
		$(".focus").stop().animate({ top: "300px" }, 1000);
	}
);
Ответить с цитированием
  #3 (permalink)  
Старый 27.11.2012, 16:38
Интересующийся
Отправить личное сообщение для Spamol Посмотреть профиль Найти все сообщения от Spamol
 
Регистрация: 19.03.2010
Сообщений: 27

Amphiluke, нет, не совсем работает, т.е. если навести на элемент, он снизу накатывает, но если начать мышку двигать в пределах этого элемент, блок начинает прыгать, т.е. он выкатывается не стабильно, при движение мышки, пытается уехать вниз обратно.
Ответить с цитированием
  #4 (permalink)  
Старый 27.11.2012, 16:46
Аватар для Amphiluke
   ☽
Отправить личное сообщение для Amphiluke Посмотреть профиль Найти все сообщения от Amphiluke
 
Регистрация: 07.01.2011
Сообщений: 254

Странно, ничего подобного не наблюдаю.
Вот пример: http://jsfiddle.net/nmbfd/
Водим мыхой по голубой области, зеленая стоит на месте.
Покажите свой неработающий пример
Ответить с цитированием
  #5 (permalink)  
Старый 27.11.2012, 16:51
Интересующийся
Отправить личное сообщение для Spamol Посмотреть профиль Найти все сообщения от Spamol
 
Регистрация: 19.03.2010
Сообщений: 27

Ааа, все хорошо, не на тот элемент повесил, поэтому работало не стабильно, сейчас отлично, спасибо!
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Скрыть элемент сверху вниз BigLes jQuery 8 06.06.2012 13:48
Drag-n-Drop - перетянуть элемент Jugo ExtJS 1 10.08.2011 19:10
Как передать элемент в переменную из функции kichSman jQuery 3 12.07.2011 22:16
перенести элемент в другой контейнер debugx jQuery 2 02.06.2011 15:53
Кодировка при использовании Ajax Nichloas AJAX и COMET 9 17.09.2009 16:06