Статьи и обзоры nachodki.ru

JavaScript 5

Категория: Программирование JavaScript Обновлено: 05.06.2019 Опубликовано: 28.04.2019 Печать

Пример 1. Простейшая анимация с предзагрузкой файлов и ссылкой на анимацию


<HTML>
<HEAD>
<SCRIPT type="text/javascript">
var num=1
img1 = new Image (150,150)
img1.src = "pic1.gif"
img2 = new Image (150,150)
img2.src = "pic2.gif"
img3 = new Image (150,150)
img3.src = "pic3.gif"
function startshow()
{
for (i=0; i<21; i=i+1)
{document.mypic.src=eval("img"+num+".src")
for(x=1; x<8000; x=x+1)
{}
num=num+1
if(num==4)
{num=1}
}
document.mypic.src=img1.src
}
</SCRIPT>
</HEAD>
<BODY>
<CENTER>
<IMG SRC="pic1.gif" NAME="mypic" BORDER=0 alt="">
<p>
<A HREF="JavaScript:startshow()">Показать анимацию</a>
</CENTER>
</BODY>
</HTML>


Пример 2. Анимация со скоростью заданной пользователем

<html>
<head>
<SCRIPT type="text/javascript">
num=1
img1 = new Image ()
img1.src = "pic1.gif"
img2 = new Image ()
img2.src = "pic2.gif"
img3 = new Image ()
img3.src = "pic3.gif"
function startshow(sp)
{
howfast=1600
if (sp.toUpperCase() == "SLOW")
{howfast=2400}
if(sp.toUpperCase() == "FAST")
{howfast=800}
alert(howfast)
for (i=0; i<21; i=i+1)
{document.mypic.src=eval("img"+num+".src")
for(x=1; x<howfast; x=x+1)
{}
num=num+1
if(num==4)
{num=1}
}
document.mypic.src=img1.src
}
</script>
</head>
<body>
<center>
<form name="myform">
<img src="/pic1.gif" name="mypic" border=0>
<p>
Задайте скорость анимации: (fast, medium, slow) <input type="text" value="medium" name="speed">
<p>
<a href="JavaScript:startshow(document.myform.speed.value)">Показать анимацию</a>
</form>
</center>
</body>
</html>


Первая часть (Объявление переменной, Диалоговые элементы, Атрибуты, которые определены для HTML тэгов, Использование кавычек в строковых литералах, Массивы, Коллекции в объектной модели документа, Свойства объекта location, Параметры метода window.open, window.close, Виды кнопок, Таблица умножения, Динамическое изменение содержимого тегов, Выбор цвета текста, Определяется, какая кнопка мыши нажата, Часы в строке статуса, Точное время загрузки страницы, Распечатка - кубы, не превышающие 5000, Возведение в квадрат, Форма prompt, Примеры открытия нового окна, Часы в поле формы, События BODY, Изменение переменной открытого окна, Изменение поля статуса в открытом окне, Цвет и расположение фреймов, Изменение полей формы, Скрытая отправка данных пользователя на сервер, Очистка формы, Проверка пустой строки в отправленной форме, Удаление и добавление вариантов из SELECT, Обработчик onChange при выборе множественных вариантов)
Вторая часть (Распечатка всех ссылок на странице, Простейшее динамическое меню, Простейшая динамическая смена изображений, Простейшие динамические создания новых страниц, Простейшее изменение цвета фона, Подтверждение действия, Бесконечный цикл изменения изображений, Ограниченный цикл изменения изображений, Запуск и остановка мультипликации (смены изображений), Защита переноса на следующую строку (<PRE>), Пункт меню с меняющимся изображением, Простейшее выпадающее меню с изображениями, Управление cookie, Простейший сценарий, Дата, Вывод точной даты и время посещения страницы, Обработчики событий для ссылки, Синтаксис onClick, onFocus, onBlur, onChange, onSubmit, Простейшая форма взаимодействия с пользователем)
Третья часть (Окно с сообщением и полем ввода (prompt), Свойства объекта "navigator" (браузер), Свойства объекта "document", Свойства объекта "history", Два свойства объекта "location" (адрес), Иерархия объектов, Адрес страницы, с которой пришел пользователь, Дата при загрузке страницы, Диалог при загрузке страницы, События при перемещении указателя мыши и уход со страницы, Новое окно, Конфигурация нового окна)
Четвертая часть (Подтверждение действия, Простейшее математическое вычисление, Изменение изображения при наведении мышью, Выбор цвета фона, Внедрение поиска от глобальной поисковой системы, Количество символов в форме, Генерация случайных чисел от секунд, Условный оператор и диалог с пользователем, Условный оператор и смена фона в зависимости от ответа)
Пятая часть (Простейшее слайд-шоу, Переход на случайный сайт с кнопкой, Цикл угадываний с диалоговым окном и случайным числом, Цикл - распечатка слова определенное количество раз, которое устанавливает пользователь в ходе диалога, Цикл - распечатка слова определенное количество раз, Цикл-счет от одного до 50000 + изменение фона, Цикл-распечатка цифр от одного до пяти, Случайное изображение, Случайная фраза, Угадывание числа до 10)

Для сайтов находящихся на тарифном обслуживании и администрировании работы проводятся без дополнительной оплаты, входят в стоимость тарифа

По всем вопросам обращаться по адресу: Этот адрес электронной почты защищён от спам-ботов. У вас должен быть включен JavaScript для просмотра. или по телефону (WhatsApp): +7-994-009-32-20

Поделиться страницей в социальных сетях:

Просмотров: 277

Добавить комментарий

Защитный код
Обновить