Студопедия
Главная страница | Контакты | Случайная страница

АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатика
ИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханика
ОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторика
СоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансы
ХимияЧерчениеЭкологияЭкономикаЭлектроника

Пример 2. Простое вертикальное меню

Читайте также:
  1. V. Примерный образец теста, применяемого для промежуточной аттестации
  2. Web-контейнер, Servlet, JSP. Структура, назначение и пример сервлета или JSP.
  3. А вот чрезмерное употребление алкоголя действительно вызывает гинекомастию. Примерно четверо из 10 хронических алкоголиков имеют это заболевание в той или иной стадии развития.
  4. А. Здравомыслов.Примерно два года тому назад.
  5. Ая основа – Хаджури не видит разницы между нововведенцем, призывающим к своему нововведению, и не призывающим, и пример в этом он взял с Махмуда Хаддада.
  6. Будьте хорошим примером для своих детей
  7. Быть примером
  8. В наших примерах мы ни разу не рассматривали конструкторы классов, поэтому при создании экземпляров наших классов вызывался конструктор класса object.
  9. В приведенном примере нарушение синтезов пространственного гнозиса и обусловливает ряд следствий, что можно представить схематично.
  10. В только что приведенном вами примере с под­брасыванием монеты компьютерное моделирование

Напишем сценарий, реализующий вертикальное графическое меню. При наведении курсора мыши на пункт меню меняется цветовая палитра, соответствующая выделенному пункту меню.
Каждому пункту меню соответствует два изображения: первое изображение, когда пункт меню не выбран, второе - при выбранном пункте меню, цветовая палитра рисунка изменена. Графические изображения, соответствующие ситуации, когда пункты меню не выбраны, хранятся в файлах с именами pch1.gif, pch2.gif. Соответствующие им графические изображения с измененной палитрой хранятся в файлах с именами wpch1.gif, wpch2.gif.
Функция img имеет два параметра. Первый параметр задает выбор пункта меню, второй параметр - n - определяет номер пункта меню. От этого параметра зависит, какое изображение в документе требуется изменить document.images[n-1].src (вставить на этом месте рисунок "wpch"+n+".gif" или pch"+n+".gif). Имя файла формируется динамически и представляет собой конкатенацию (слияние) строк, одна из составляющих которой - значение второго параметра. Если имена файлов не подчинены общему правилу, то в функции потребуется дополнительный анализ, какой файл подгрузить. Это сделать нетрудно, зная место в документе, из которого произошел вызов функции. Документ со сценарием, реализующий вертикальное графическое меню, представлен в листинге 2.

Листинг 2. Простое вертикальное меню

<HTML>

<HEAD>

<TITLE>Простое вертикальное меню</TITLE>

<script language="JavaScript">

function img(n, action)

{if (action)

{document.images[n-1].src="wpch"+n+".gif"}

else

{document.images[n-1].src="pch"+n+".gif"}

}

</script>

</HEAD>

<BODY background="fon1.jpg">

<H2><FONT соlоr="#0000ff">Содержание</FONT></H2>

<A href="tch1.htm" onmouseover="img(1,1)" onmouseout="img(1,0)">

<IMG src="pch1.gif" аlt="форматирование текста" border="0" width="103" height="35"></A><br>

<A href="tch2.htm" onmouseover="img(2,1)" onmouseout="img(2,0)">

<IMG src="pch2.gif" аlt="форматирование текста" border="0" width="103" height="35"></A><br>

<A href="tch3.htm" onmouseover="img(3,1)" onmouseout="img(3,0)">

<IMG src="pch3.gif" аlt="форматирование текста" border="0" width="103" height="35"></A><br>

</BODY>

</HTML>

При попадании курсора мыши в область изображения возникает событие Mouseover, параметр обработки события onMouseOver получает значение img(p1,true).



Дата добавления: 2015-09-11; просмотров: 109 | Поможем написать вашу работу | Нарушение авторских прав
Лабораторная работа №1 Основные положения | Пример 1. Нахождение площади треугольника. | Пример 2. Выбор параметров обтекания изображения текстом | Пример 1. Выбор характеристик издания | Пример 2. Использование флажков в анкете переводчика | Лабораторная работа №7 Списки | Пример 1. Простая фреймовая структура | Пример 3. Обмен содержимым фреймов | Лабораторная работа №9 Повторяющиеся вычисления - циклы | Лабораторная работа №10 Обработка и представление дат |

lektsii.net - Лекции.Нет - 2014-2025 год. (0.006 сек.) Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав