Javascript.RU

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

Бесконечный цикл, помогите составить
Хочу сделать постоянное движение небольшого блока внутри блока побольше, изменяя значение стилей "left" и "top" от 0 до 150px, а при достижении 150px изменять значения этих стилей от 150 до 0рх, и сначала от 0 до 150 ...
Т.е. нужен бесконечный цикл изменяющий переменную с шагом 1 от 0 до 150 и назад от 150 до 0.
Ответить с цитированием
  #2 (permalink)  
Старый 25.10.2014, 11:12
Аватар для Safort
Профессор
Отправить личное сообщение для Safort Посмотреть профиль Найти все сообщения от Safort
 
Регистрация: 23.12.2013
Сообщений: 1,856

Это и на CSS3 можно сделать.
Ответить с цитированием
  #3 (permalink)  
Старый 25.10.2014, 11:38
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

khromenkovpd,
лучше конечно на css ...
Расчет положения элемента
Ответить с цитированием
  #4 (permalink)  
Старый 25.10.2014, 12:07
Профессор
Отправить личное сообщение для kostyanet Посмотреть профиль Найти все сообщения от kostyanet
 
Регистрация: 23.10.2010
Сообщений: 2,718

Сообщение от khromenkovpd
Бесконечный цикл, помогите составить
while(true){alert('I will survive')}
Ответить с цитированием
  #5 (permalink)  
Старый 26.10.2014, 12:45
Новичок на форуме
Отправить личное сообщение для khromenkovpd Посмотреть профиль Найти все сообщения от khromenkovpd
 
Регистрация: 25.10.2014
Сообщений: 3

рони спасибо за Вашу функцию "setWay",
красиво написан код function infinityMove().
Ответить с цитированием
  #6 (permalink)  
Старый 26.10.2014, 13:30
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Вот на css3:
<style>
div{
    position: relative;
}
input{
    -webkit-animation: diagonal 2s infinite forwards;
    animation: diagonal 2s infinite forwards;
    position: absolute;
    top: 0;
    left: 0;
}
@-webkit-keyframes diagonal{
    50%{
        top: 150px;
        left: 150px;
    }
    100%{
        top: 0;
        left: 0;
    }
}
@keyframes diagonal{
    50%{
        top: 150px;
        left: 150px;
    }
    100%{
        top: 0;
        left: 0;
    }
}
</style>
<div>
<input type="radio">
</div>
__________________
В личку только с интересными предложениями
Ответить с цитированием
  #7 (permalink)  
Старый 26.10.2014, 18:04
Профессор
Отправить личное сообщение для kostyanet Посмотреть профиль Найти все сообщения от kostyanet
 
Регистрация: 23.10.2010
Сообщений: 2,718

Это не бесконечный цикл, а колебательный процесс, или проекция волны на плоскость, например y= sin x.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Цикл завешивает страницу, помогите Romingood jQuery 5 19.10.2013 14:30
Помогите составить скрипт для списка Новенькая Общие вопросы Javascript 9 10.09.2012 06:58
помогите составить запрос в БД posta Серверные языки и технологии 3 29.06.2012 09:33
помогите составить регексп ChikiSt Общие вопросы Javascript 7 21.08.2011 09:55
Бесконечный цикл Sundro Общие вопросы Javascript 8 08.08.2011 13:58