Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 17.12.2021, 22:36   #1
Алина76
Новичок
Джуниор
 
Регистрация: 17.12.2021
Сообщений: 2
По умолчанию Работа с JavaScript, Css, DOM

Добрый вечер! Помогите, пожалуйста с лабораторной работой по джаве
Я выполнила задания №1, 2. Как реализовать дальше не понимаю. Ниже полный текст лабораторной. Буду очень благодарна за любую помощь


Задание 1.

С помощью CSS и Javascript сгенерировать случайным образом картину звездного неба размером во всё окно обозревателя.

Для этого:

l создайте стиль для тела документа: цвет фона черный, отступов нет, линейки прокрутки запретить;

l создайте стиль для тега div (шаблон звезды): размер 1х1 рх, расположение произвольное;

l напишите функцию, которая генерирует целое число от 0 до N;

l напишите функцию генерации звездного неба путем создания элементов DIV (createElement), присвоения им случайного цвета фона (style.backgroundColor) и хаотическим размещением на поле 2000 на 2000 (style.left, style.top). Разместить таким образом 2000 звезд.

Задание 2.

В центре звездного неба поместить изображение солнца. Файл sun.png. Сделать так, чтобы при изменении размеров окна солнце оставалось в середине.

l Создайте стиль для элемента id, который отнесите к картинке с солнцем: расположение произвольное, отступы слева и сверху по нулям;

l Укажите начальные координаты центра (600, 300) и радиус 128.

l укажите новые координаты при изменении размеров окна ( window.onresize=resized; x=document.body.clientWidth/2; y=document.body.clientHeight/2) и поместите солнце в центре согласно координатам, изменив созданный стиль.

Задание 3.

Рядом с солнцем разместить Землю. (earth.png) Сделать так, чтобы Земля вращалась вокруг солнца.

Задание 4.

Поменять ракурс изображения на спереди-сбоку. Сделать так, чтобы Земля закрывалась солнцем, когда пролетает за ним. (style.zIndex)

Задание 5.

Аналогично сделайте, чтобы еще одна планета вращалась вокруг Солнца.

Задание 6.

Рядом с Землёй поместить луну. Заставить её вращаться вокруг Земли.

Задание 7.

Заставить некоторые звёзды мерцать средствами DOM. Сделать звезды кругами разного диаметра.
Алина76 вне форума Ответить с цитированием
Старый 18.12.2021, 00:25   #2
Arigato
Высокая репутация
СуперМодератор
 
Аватар для Arigato
 
Регистрация: 27.07.2008
Сообщений: 16,218
По умолчанию

Цитата:
Сообщение от Алина76 Посмотреть сообщение
Я выполнила задания №1, 2. Как реализовать дальше не понимаю.
Наверное, стоило хотя бы эту часть выложить.
Arigato вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Подскажите, как правильно выполнить задачу. JavaScript. HTML. CSS - JavaScript Bob123 JavaScript, Ajax 0 20.01.2018 22:07
работа html, javascript, .css slepi Фриланс 1 13.06.2017 15:15
Работа с формами и DOM на JS GamBitFRK Помощь студентам 0 21.10.2012 17:28