Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #21 (permalink)  
Старый 11.04.2013, 09:43
Профессор
Отправить личное сообщение для tsigel Посмотреть профиль Найти все сообщения от tsigel
 
Регистрация: 12.12.2012
Сообщений: 1,398

Сообщение от pagemaster
$("#id1").hover(
$("#1").hover(
Ответить с цитированием
  #22 (permalink)  
Старый 11.04.2013, 10:03
Интересующийся
Отправить личное сообщение для pagemaster Посмотреть профиль Найти все сообщения от pagemaster
 
Регистрация: 08.04.2013
Сообщений: 23

не работает... пробовал id тега <a> и <div>
<script>
	  $(window).load(function(){
	      
	            $("#1").hover(
	                function (this) {
	                    $(this).stop().animate({
	                    'left': '465px',
	                    'top': '422px'
	                    }, 800);
	                },
	                function () {
	                    $(this).stop().animate({
	                    'left': '465px',
	                    'top': '422px'
	                    }, 800);
	                }
	            );
	      
	        });
	 
	</script>
	
	  </div>


<div id="1"> <a href="#" style="position:absolute; overflow:hidden; left:465px; top:922px; width:180px; height:255px; z-index:0"><img src="images/1.png"></a></div>
Ответить с цитированием
  #23 (permalink)  
Старый 11.04.2013, 10:11
Профессор
Отправить личное сообщение для tsigel Посмотреть профиль Найти все сообщения от tsigel
 
Регистрация: 12.12.2012
Сообщений: 1,398

Естественно не работает! И не должно работать. Вы присваиваете position absolute для ссылки, а двигать пытаетесь див.
Ответить с цитированием
  #24 (permalink)  
Старый 11.04.2013, 10:12
Профессор
Отправить личное сообщение для tsigel Посмотреть профиль Найти все сообщения от tsigel
 
Регистрация: 12.12.2012
Сообщений: 1,398

Сообщение от pagemaster
$("#1")
$("#1 a")
Ответить с цитированием
  #25 (permalink)  
Старый 11.04.2013, 10:27
Интересующийся
Отправить личное сообщение для pagemaster Посмотреть профиль Найти все сообщения от pagemaster
 
Регистрация: 08.04.2013
Сообщений: 23

Смотрите, я с дива убрал id и поставил его тегу <a>, не работает.
Потом вернул все обратно и написал $("#1 a"), но тоже не работает!..
Вот весь код:
<script>
	  $(window).load(function(){
	      
	            $("#1 a").hover(
	                function (this) {
	                    $(this).stop().animate({
	                    'left': '465px',
	                    'top': '422px'
	                    }, 800);
	                },
	                function () {
	                    $(this).stop().animate({
	                    'left': '465px',
	                    'top': '422px'
	                    }, 800);
	                }
	            );
	      
	        });
	 
	</script>
	
	  </div>


<div id="1"> <a href="#" style="position:absolute; overflow:hidden; left:465px; top:922px; width:180px; height:255px; z-index:0"><img src="images/1.png"></a></div>
Ответить с цитированием
  #26 (permalink)  
Старый 11.04.2013, 10:30
Профессор
Отправить личное сообщение для tsigel Посмотреть профиль Найти все сообщения от tsigel
 
Регистрация: 12.12.2012
Сообщений: 1,398

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<div id='1'>
  <a href='#' style='width: 60px; height: 20px; position: absolute; top: 0; left: 0'>aaa</a>
</div>

<div>
  <a id='2' href='#' style='width: 60px; height: 20px; position: absolute; top: 0; left: 100px'>aaa</a>
</div>

<script>

  $(window).load(function(){
	 
	        $('#1 a').hover(
	            function () {
	                $(this).stop().animate({
					'left': '50px',
					'top': '20px'
					}, 300);
	            },
	            function () {
	                $(this).stop().animate({
					'left': '0px',
					'top': '0px'
					}, 300);
	            }
	        );	   

   $('#2').hover(
	            function () {
	                $(this).stop().animate({
					'left': '50px',
					'top': '20px'
					}, 300);
	            },
	            function () {
	                $(this).stop().animate({
					'left': '100px',
					'top': '0px'
					}, 300);
	            }
	        );
	 
	    });

</script>

Последний раз редактировалось tsigel, 11.04.2013 в 10:35.
Ответить с цитированием
  #27 (permalink)  
Старый 11.04.2013, 10:35
Интересующийся
Отправить личное сообщение для pagemaster Посмотреть профиль Найти все сообщения от pagemaster
 
Регистрация: 08.04.2013
Сообщений: 23

мне кажется или он не работает?) текст не движется
Ответить с цитированием
  #28 (permalink)  
Старый 11.04.2013, 10:35
Интересующийся
Отправить личное сообщение для pagemaster Посмотреть профиль Найти все сообщения от pagemaster
 
Регистрация: 08.04.2013
Сообщений: 23

во, заработало) все, спасибо огромное)) буду разбираться
Ответить с цитированием
  #29 (permalink)  
Старый 11.04.2013, 10:36
Профессор
Отправить личное сообщение для tsigel Посмотреть профиль Найти все сообщения от tsigel
 
Регистрация: 12.12.2012
Сообщений: 1,398

Что выдает консоль? Вы вообще подключили jQuery?
Ответить с цитированием
  #30 (permalink)  
Старый 11.04.2013, 11:07
Интересующийся
Отправить личное сообщение для pagemaster Посмотреть профиль Найти все сообщения от pagemaster
 
Регистрация: 08.04.2013
Сообщений: 23

все, работает, jQuery конечно же подключил, ответы на все мои вопросы получил =) спасибо Вам
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Ссылка джаваскриптом с картинки seasick Общие вопросы Javascript 2 05.09.2011 15:48
скрол мышкой картинки внутри слоя snk Элементы интерфейса 7 07.09.2010 18:22
Замена ссылок на картинки самими картинками shipitko Общие вопросы Javascript 3 23.07.2010 19:49
Получение координат от картинки EmDmAl Events/DOM/Window 4 08.11.2009 14:34
Как изменить размер картинки? Mihail Общие вопросы Javascript 1 25.10.2009 13:42