Javascript.RU

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

Вопрос по анимации
Моя программа состоит из файлов
index.php
<html>
<head>
<title> jQuery</title>
<link rel="stylesheet" type="text/css" href="style.css">
<script type="text/javascript" src="jquery-1.6.4.js"></script>
<script type="text/javascript" src="script.js"></script>
</head>
<body>
<div id="div1"></div>
<input type="button" value="Запустить анимацию" onclick="animateDiv();">
</body>
</html>

script.js
function animateDiv(){$('#mydiv').animate( {left:"400"}, 3000 );}

style.css
#div1{
width:100px;
height:100px;
background:#666699;
position: relative; top: 0px; left: 0px;
}

Необходимо, чтоб по щелчку мыши по двигающемуся квадрату , он менял направление движения. Если щелкнули сверху- он должен двигаться вниз, слева - вправо, справа- влево, снизу -вверх. Как это можно реализовать?
Ответить с цитированием
  #2 (permalink)  
Старый 28.10.2011, 14:48
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,215

Сообщение от stalker77
Как это можно реализовать?
Что ты уже пробовал делать?
Ответить с цитированием
  #3 (permalink)  
Старый 28.10.2011, 16:21
Интересующийся
Отправить личное сообщение для stalker77 Посмотреть профиль Найти все сообщения от stalker77
 
Регистрация: 31.08.2011
Сообщений: 16

Пока только научился получать относительные координаты клика.

index.php
<html>
<head>
<title> jQuery</title>
<link rel="stylesheet" type="text/css" href="style.css">
<script type="text/javascript" src="jquery-1.6.4.js"></script>
<script type="text/javascript" src="script.js"></script>

<script type="text/javascript">
$(document).ready(function(){
$("#div1").click(function(e){
$('#status').html((e.pageX - this.offsetLeft) +', '+ (e.pageY - this.offsetTop));
});
})
</script>
</head>
<body>
<h2 id="status">
0, 0
</h2>
<div id="div1"></div>
<input type="button" value="Запустить анимацию" onclick="animateDiv();">
</body>
</html>

Это прежде всего и искал как сделать.
Я конечно рано вопрос задал. Еще сам могу покапаться. Но задача боль ше гораздо, чем я озвучил в первом посте. Так, что наверно вопросы возникнут.
Ответить с цитированием
  #4 (permalink)  
Старый 28.10.2011, 16:46
Аватар для trikadin
Модератор
Отправить личное сообщение для trikadin Посмотреть профиль Найти все сообщения от trikadin
 
Регистрация: 27.04.2010
Сообщений: 3,417

Ну а смысл писать, если не возникло неразрешимых (самому) проблем?
__________________
Читайте:
Ты любопытный) Всё-таки, ничему в этом мире не помешает хорошая доля юмора)
Как спросить, чтобы вам ответили
Часто Задаваемые Вопросы (FAQ)
Ответить с цитированием
  #5 (permalink)  
Старый 28.10.2011, 17:08
Интересующийся
Отправить личное сообщение для stalker77 Посмотреть профиль Найти все сообщения от stalker77
 
Регистрация: 31.08.2011
Сообщений: 16

так была проблема, просто разрешилась
Ответить с цитированием
  #6 (permalink)  
Старый 28.10.2011, 20:45
Аватар для Андрей38
Профессор
Отправить личное сообщение для Андрей38 Посмотреть профиль Найти все сообщения от Андрей38
 
Регистрация: 11.12.2010
Сообщений: 261

скажите пожайлуста,как получить атрибут елемента если координата мыши совпадает с координатой елемента
в некоторых пределах?

$('div id='r').mousemove(function(){
if( + e.pageX + "; y= " + e.pageY)...
alert('найдено то-то и то-то ')

})
__________________
http://www.youtube.com/watch?feature...&v=cz0uN1ZNuM0
История не в теории ,а по факту
Ответить с цитированием
  #7 (permalink)  
Старый 30.10.2011, 02:29
Аватар для Андрей38
Профессор
Отправить личное сообщение для Андрей38 Посмотреть профиль Найти все сообщения от Андрей38
 
Регистрация: 11.12.2010
Сообщений: 261

Сообщение от nasqad Посмотреть сообщение
http://api.jquery.com/position/
$(this).position().top + 5 > e.pageX

вроде такого
Ничего себе! Спасибо.Так просто выглядит!Буду пробывать. А не получиться ,то расскидаю координаты и ай-ди всех элементов в таблицу и буду вытягивать ,что будет нужно, ифом
__________________
http://www.youtube.com/watch?feature...&v=cz0uN1ZNuM0
История не в теории ,а по факту
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Вопрос по анимации. rety Ваши сайты и скрипты 5 08.09.2011 21:21
вопрос про возможности JS для рисования и анимации macdack Библиотеки/Тулкиты/Фреймворки 3 15.07.2011 00:13
Теоретический вопрос. gods33 (X)HTML/CSS 10 16.12.2010 23:49
Порядок выполнения анимации Tohin jQuery 3 03.07.2009 11:52
вопрос по long poll megaswin AJAX и COMET 2 27.05.2008 09:20