X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Впускаем шарики!
dimjan4
dimjan4
Topic Starter сообщение 19.11.2008, 19:38; Ответить: dimjan4
Сообщение #1


Я хотел спросить...у меня , например ,есть картинка шарика (sarik.gif) , ну так вот... как сделать такую штучку, чтобы при открытии страницы внезапно снизу начали лететь шарики, а например, через 10 секунд, они изчезали??
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 19.11.2008, 19:40; Ответить: Webmaster_hb
Сообщение #2


создаете слой с картинкой, и с помощью javascript меняете координаты
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
dimjan4
dimjan4
Topic Starter сообщение 19.11.2008, 20:22; Ответить: dimjan4
Сообщение #3


Вот, насчёт координат, как их проставлять??Вродь у меня получилось , но маловато координат...
<html>
<head>
</head>
<body>
<div id="test" style="width: 10px; height: 10px; background-color: Black; position: absolute; left: 10px; top: 10px;"></div>
<script language="JavaScript">
function init_move(){
dx = 5;
dy = 5;
setInterval('move()', 500);
move();}
function move(){
x = parseInt(document.getElementById('test').style.left);
y = parseInt(document.getElementById('test').style.top);
document.getElementById('test').style.left = x + dx;
document.getElementById('test').style.top = y + dy;}
init_move();
</script>
</body>
</html>


Видите, у меня этот квадратик идёт только в одну сторону! и ещё, понаблюдайте за ним, когда он до низа доходит, он не пропадает, а растягивает страницу!
Вы можете:
I -Сказать, как добавлять координаты
II -Как сделать, чтобы страничка не растягивалась...
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Galen
Galen
сообщение 20.11.2008, 15:48; Ответить: Galen
Сообщение #4


I -Сказать, как добавлять координаты

Выберете себе какую-нить функцию, по которой будут лететь ваши шарики. Координат-то всё равно будет две.
II -Как сделать, чтобы страничка не растягивалась

Нужно проверять не выходят ли координаты вашего шарика за границы страницы, и если выходят, то уничтожать его. Можно ещё попробовать задать блоку свойство overflow:hidden.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
dimjan4
dimjan4
Topic Starter сообщение 20.11.2008, 18:29; Ответить: dimjan4
Сообщение #5


(Galen @ 20.11.2008, 17:48) *
Координат-то всё равно будет две.


Как две?? Если 2 координаты, как я помню с курса математики, линия будет прямой! А мне надо, чтобы шарики шли не по прямой!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Galen
Galen
сообщение 20.11.2008, 18:48; Ответить: Galen
Сообщение #6


Две координаты из курса математики это плоскость, а на плоскости (которой кстати является страница) можно построить кривую линию. Прямая - это такая кривая, координаты которой меняются так x += dx и y += dy. Выберете функцию меняющую эти две координаты другим образом (т.е. не линейно) и шарики полетят не по прямой.
Может не совсем корректно написал, но смысл в следующем: приращение координат не должно быть линейным.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
dimjan4
dimjan4
Topic Starter сообщение 20.11.2008, 20:16; Ответить: dimjan4
Сообщение #7


Так это я понял... Если вы это имели введу, например я добавил 2* и +1
document.getElementById('test').style.left = x + 2*dx;
document.getElementById('test').style.top = y + dy+1;}
, то вы меня не так поняли...тут опять по прямой линии идёт... а мне надо как на картинке...
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Galen
Galen
сообщение 20.11.2008, 22:21; Ответить: Galen
Сообщение #8


Я имел ввиду всё многообразие математических функций :)
То что вам надо похоже на синусоиду (т.е. тригонометрическую функцию). Найдите знакомого, шарящего в математике, пусть подскажет внешний вид функции.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
dimjan4
dimjan4
Topic Starter сообщение 21.11.2008, 2:15; Ответить: dimjan4
Сообщение #9


Блин! Придётся с заучкой познакомиться!:rjunimagu:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
dimjan4
dimjan4
Topic Starter сообщение 21.11.2008, 19:47; Ответить: dimjan4
Сообщение #10


А как сделать, чтобы объект не дёргался а плавно двигался??
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


 



RSS Текстовая версия Сейчас: 20.4.2024, 1:55
Дизайн