
- •Лабораторная работа №_
- •Теоретические сведения.
- •Счетчик посещений странички
- •Ваш браузер уже 1 раз(а). Добро пожаловать на страничку!
- •Информация о посетителе странички
- •Отображение координат мышки
- •Выежающие полоски справа и слева
- •Цвет фона
- •Просмотр исходника html документа
- •Прокрутка странички
- •Защита странички паролем на ява скрипте для всех браузеров
- •Сообщение всегда на экране
- •Фраза дня
Цвет фона
Описание: Если вы хотите у себя на страничке поместить скрытые ссылки. Работают они тогда когда вы меняете цвет фона. Это одно из применений этого примера.
Демонстрация:
Начало формы
Конец формы
Установка: Шаг: Вставте текст программы себе на страничку:
<form>
<select onChange="document.bgColor=this.options[this.selectedIndex].value">
<option value="цвет" selected>White
<option value=" цвет">Название
<option value=" цвет"> Название
</select></form>
eaadea-Plum
4d4dff-Neon Blue
e9c2a6-Light Wood
8c7853-Bronze
ff7f00-Coral
Просмотр исходника html документа
Описание: Еще один вариант просмотра исходного текста документа одним щелчком мыши.
Начало формы
Конец формы
Установка: Вставьте этот код в том месте, где нужно разместить кнопку просмотра:
<form>
<input class=button type="button" value="Исходник этой странички" name="btn" onClick='window.location="view-source:" +window.location.href'>
</form>
Прокрутка странички
Описание: Если вы хотите разместить у себя на страничке скрытые ссылки и при изменении цвета они будут видимые, то вы можете воспользоваться этим примером.
Начало формы
Конец формы
Установка: Шаг: Вставте текст программы в то место вашей странички, где вы хотите:
<!--Animation images Script- By Dynamic Web Design (www.dynamic-design.com.ua)For full source code, installation instructions,100's more DHTML scripts, and Terms OfUse, visit http://www.dynamic-design.com.ua/develop///-->
<script Language="JavaScript">
<!--
function scrollit(){ for (I=1; I<=500; I++){ parent.scroll(1,I) } }
//-->
</script>
<form><input type="button" class="BlueBut" value="Прокрутить" onClick="scrollit()"></form>
Защита странички паролем на ява скрипте для всех браузеров
Описание:
Вы просто называете файл хитрым именем с расширением .html или .htm , это зависит от того какой код вы впишете в скрипт, строка с ".html" или же свое расширение вводите имя файла и "применить" после чего происходит загрузка защищенной странички.
Демонстрация:
Начало формы
Введите
пароль
Конец формы
! пароли < index ><example ><../resume ><about >.
Установка:
Шаг 1: Сначала вставьте, предварительно выделив и скопировав текст в <head> секцию вашей странички:
<script language="JavaScript">
function loadpage(){
document.location.href=document.frm.pswd.value + ".html"
}
</script>
Начало формы
Конец формы
Шаг 2: Потом вставьте, предварительно выделив и скопировав текст в <body> секцию вашей странички:
<CENTER><form name=frm>
<FONT SIZE="-2" FACE="Arial" ><B>Введите пароль</B></font>
<input type=text name=pswd>
<input type=button value="Применить" onClick="loadpage()"><br>
</form></CENTER>
Сообщение всегда на экране
Описание:
Аналогично ТВ-банерам сообщение всегда находится на экране дисплея можно использовать для рекламы вашей продукции и разных других целей.
Цвет Background можно изменять
Три варианта отображения можно установить при помощи переменной "display" введите 0 всегда на дисплее, 1 периодически, 2 для random режима
Сообщение может не мигать 0, и 1 - мигает устанавливается при помощи "flash".
Сообщение которое вы видите имеет следущие установки: цвет бекграунда yellow displaymode=1, мигающее и цвет мигания green.
Демонстрация:
Если в нижней части экрана ничего нет то проапгрейдите свой браузер.
Установка:
Шаг 1: Сохраните этот файл у себя на диске откуда он будет вызываться.
Напишите для обратной связи! |
Шаг 2: Вставьте, предварительно выделив и скопировав текст в <BODY> секцию вашей странички:
<script src="http://www.dynamic-design.com.ua/develop/script/ex_9.js">
/*
Always-on-top message Script-
By Dynamic Web Design (www.dynamic-design.com.ua)
For full source code, installation instructions,
100's more DHTML scripts, and Terms Of
Use, visit http://www.dynamic-design.com.ua/develop/
*/
</script>