Информатика и выч. техника \ Информационные технологии и системы

Использование языка JavaScript при разработке HTML-документов, страница 22

}

// Функция, генерирующая центральную ячейку таблицы

function WriteRef1()

{

    // Определим в ячейке таблицы якорь - гиперссылку без URL

    document.write('<TD><A OnMouseOver="myShowImage(4);">');

    document.write('<IMG name="center_image" border=0 ');

    document.write('src=Images1/eyes_.gif width=150 height=150>');

    document.write('</A></TD>');

}

//-->

</SCRIPT>

</HEAD>

<BODY OnLoad="Snow()"> <!-- Это нужно для запуска примера 3 -->

<SCRIPT>

<!--

/* Данный скрипт будет выполнен в данном месте html-страницы при её загрузке */

document.write("<H2>Пример 1. Слежение за курсором мыши</H2>");

//-->

</SCRIPT>

<!-- "Быстрое" рисование таблицы -->

<TABLE border=1>

    <TR> <SCRIPT> WriteRef(0); WriteRef(1); WriteRef(2); </SCRIPT> </TR>

    <TR> <SCRIPT> WriteRef(3); WriteRef1(); WriteRef(5); </SCRIPT> </TR>

    <TR> <SCRIPT> WriteRef(6); WriteRef(7); WriteRef(8); </SCRIPT> </TR>

</TABLE>

<H2>Пример 2. Изменение размера картинки по щелчку мыши</H2>

<SCRIPT>

var is_clicked = 0

function myOnClick()

{

    if (is_clicked)

    {

        is_clicked = 0

        document.clickable_image.width = 26

        document.clickable_image.height = 38

    }

    else

    {

        is_clicked = 1

        document.clickable_image.width = 256

        document.clickable_image.height = 384

    }

}

</SCRIPT>

<IMG name="clickable_image" src=Images/balloon.jpg

width=26 height=38 OnClick="myOnClick()" alt="Щёлкни меня">

<H2>Пример 3. Анимация по загрузке html-страницы</H2>

<FONT color=#С0С0FF>Посмотрите на падающий снег...</FONT>

<SCRIPT>

// Определимся с браузером (не самый удачный способ, но здесь сойдёт)

Скачать файл