Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Лабораторна робота_№10.doc
Скачиваний:
0
Добавлен:
01.03.2025
Размер:
142.85 Кб
Скачать

Счетчик посещений странички

Описание: Если посещений до 11 то вы можете увидеть интерестные сообщения.

Демонстрация: Нажимайте кнопку "Обновить" пока счетчик не будет равен 10.

Ваш браузер уже 1 раз(а). Добро пожаловать на страничку!

Начало формы

Конец формы

Информация о посетителе странички

Описание: Когда кто-нибудь заходит на ваш сайт, вам по почте высылатся информация о нем. Единственное неудобство - вы должны поместить на странице одну кнопку.

Демонстрация:

Начало формы

Конец формы

Установка: Шаг 1. В тэг <HEAD>вставьте текст из формы (между <HEAD> и </HEAD> вставьте текст из формы).

<script language="JavaScript"><!--

var startTime = new Date();

startTime = startTime.getTime();

var submissions = 0;

function checkForDuplicate() {

if (document.form1) {

document.form1.REFERRER.value = document.referrer;

document.form1.PLATFORM.value = navigator.appName+" "+navigator.appVersion;

submissions++;

if (submissions > 1)

return false;

else return true; } else { return false; }}

function doneLoading() {

var stopTime = new Date();

stopTime = stopTime.getTime();

document.form1.LOADING_TIME.value = ((stopTime - startTime) / 1000)+ " seconds";

document.form1.PAGE.value = document.title;

document.form1.SUBMITTER.click();

}

// --></script>

Начало формы

2. В тэг BODY вставьте onLoad="doneLoading()" (Например <body onLoad="doneLoading()"> 3. Вставьте в тэг BODY (между <BODY>и</BODY>) в то месте, в котором хотите поместить кнопку (выше): <FORM name="form1" METHOD=post action="mailto:ЗДЕСЬ ВАШ EMAIL?SUBJECT=ВАШ SUBJECT" enctype="text/plain" onSubmit="return checkForDuplicate()"> <input type="hidden" name="PAGE" value="none"> <input type="hidden" name="REFERRER" value="none"> <input type="hidden" name="PLATFORM" value="none"> <input type="hidden" name="LOADING_TIME" value="none"> <input type="submit" name="SUBMITTER" value="CLICK ME"> </form>

Отображение координат мышки

Демонстрация: Двигайте мышкой и смотрите на строку состояния.

<script language="JavaScript"><!--

var isMinNS4 = (document.layers) ? 1 : 0;

var isMinIE4 = (document.all) ? 1 : 0;

var mouseX = 0;

var mouseY = 0;

if (isMinNS4)

document.captureEvents(Event.MOUSEMOVE);

document.onmousemove = getMousePosition;

function getMousePosition(e) {

if (isMinNS4) {

mouseX = e.pageX;

mouseY = e.pageY;

}

if (isMinIE4) {

mouseX = event.clientX + document.body.scrollLeft;

mouseY = event.clientY + document.body.scrollTop;

}

window.status = mouseX + "," + mouseY;

return true;

}

//--></script>

Выежающие полоски справа и слева

Описание: Вы просто заходите на страничку и тут справа и слева выежают полоски которые тут же исчезают, этот скрипт позволяет добавить разнообразия на страничку.

Демонстрация: Видно только когда вы попадаете на страничку, если вы ничего не увидели то сделайте reload.

Установка: Шаг 1: Сначала вставьте, предварительно выделив и скопировав текст в <head> секцию вашей странички, цвет можно установить по своему усмотрению, это зависит от того какой код вы впишете в скрипт, нужно найти строку "blue" и заменить на другой цвет:

<style><!--

.intro{position:absolute;left:0;top:0;layer-background-color:blue;background-color:blue;border:0.1px solid blue}

--></style>

Начало формы

Конец формы

Шаг 2: Потом вставьте, предварительно выделив и скопировав текст в <body> (обязательно сразу после этого тега) секцию вашей странички, и измените скорость заставки в строке "speed=20" на быстрее или медление:

<div id="i1" class="intro"></div><div id="i2" class="intro"></div><div id="i3"

class="intro"></div><div id="i4" class="intro"></div><div id="i5" class="intro"></div><div

id="i6" class="intro"></div><div id="i7" class="intro"></div><div id="i8" class="intro"></div>

<script language="JavaScript1.2">

/*

Left-Right Stripy Curtain 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/

*/

var speed=20

var temp=new Array()

var temp2=new Array()

if (document.layers){

for (i=1;i<=8;i++){

temp[i]=eval("document.i"+i+".clip")

temp2[i]=eval("document.i"+i)

temp[i].width=window.innerWidth

temp[i].height=window.innerHeight/8

temp2[i].top=(i-1)*temp[i].height

}

}

else if (document.all){

var clipright=document.body.clientWidth,clipleft=0

for (i=1;i<=8;i++){

temp[i]=eval("document.all.i"+i+".style")

temp[i].width=document.body.clientWidth

temp[i].height=document.body.offsetHeight/8

temp[i].top=(i-1)*parseInt(temp[i].height)

}

}

function openit(){

window.scrollTo(0,0)

if (document.layers){

for (i=1;i<=8;i=i+2)

temp[i].right-=speed

for (i=2;i<=8;i=i+2)

temp[i].left+=speed

if (temp[2].left>window.innerWidth)

clearInterval(stopit)

}

else if (document.all){

clipright-=speed

for (i=1;i<=8;i=i+2){

temp[i].clip="rect(0 "+clipright+" auto 0)"

}

clipleft+=speed

for (i=2;i<=8;i=i+2){

temp[i].clip="rect(0 auto auto "+clipleft+")"

}

if (clipright<=0)

clearInterval(stopit)

}}

function gogo(){

stopit=setInterval("openit()",100)

}

gogo()

</script>

Начало формы