JavaScript 2. Взаимодействие со стилями css

Ранее в задании Каскадные таблицы стилей мы изучали работу со стилями на примере 2,5- мерного текста. Данная лабораторная работа посвящена взаимодействию JavaScript и стилей.

Взаимодействие JavaScript и CSS

Общий принцип работы состоит в следующем. Имеется, например, объект с идентификатором id1. Тогда обращение к свойств стиля из JavaScript выполняется так:

id1.style.[конкретное свойство стиля]

При работе со свойствами css полезными являются свойства с приставкой pos, например, posLeft

posLeft задает левую позицию объекта, причем в тех же единицах измерения, что и свойство left. Это свойство читается/записывается.

Задания

1. Создайте скрипт, заставляющий текст бежать бесконечно направо.

Пример кода приведен на рисунке

script

2. Текст должен бегать от левого края до правого и назад.

3. Этот же текст должен бегать по окружности.

Здесь можно использовать уравнение окружности в полярных координатах:

x=x0+Rcos(phi)

y=y0+Rsin(phi)

4. Движение по «сердцу». Можно использовать формулу:

x=x0+R(1-sin(phi))cos(phi)

y=y0+R(1-sin(phi))sin(phi)

а можно поискатьв Интернет

Поделиться:
  • Добавить ВКонтакте заметку об этой странице
  • Мой Мир
  • Facebook
  • Twitter
  • LiveJournal
  • FriendFeed
  • В закладки Google
  • Google Buzz
  • Яндекс.Закладки
  • StumbleUpon
  • Technorati
  • БобрДобр
  • Memori.ru
  • МоёМесто.ru

Один комментарий к “JavaScript 2. Взаимодействие со стилями css”

Комментарии закрыты.