2015-05-13
852
<HTML>
<HEAD>
<TITLE>Перестановка изображений</TITLE>
<script>
function chan(obj)
{ var rl=Number(obj.al.value)
var r2=Number(obj,a2.value)
if ((r1<1)||(r1>4)||(r2<1)||(r2>4))
alert ("Неверно заданы номера рисунков!")
else
{ var z=document.images[rl-1].src
document.images[r1-1].src=document.images[r2-1].src;
document.images[r2-l].src=z
})
</script>
</HEAD>
<BODY>
<CENTER>
<Н4>Галерея рисунков</Н4><br>
<IMG src="p1.gif" width="90" name="pic1">
<IMG src="p2.gif" width="90" name="pic2">
<IMG src="p3.gif" width="90" name="pic3">
<IMG src="p4.gif" width="90" name="pic4"><br><br>
<FORM name=form1>
Рисунки с номерами<br>
<input type="text" name="a1" size=1> и
<input type="text" name="a2" size=1><P>
<input type="button" value="Поменять местами"
onClick="chan(form1)">
</FORM>
</CENTER>
</BODY>
</HTML>
Простое вертикальное меню
Напишем сценарий, реализующий вертикальное графическое меню. При наведении курсора мыши на пункт меню меняется цветовая палитра, соответствующая выделенному пункту меню (рис. 3.5).
Такая задача уже решалась при обсуждении событий и реакции на них. Рассмотрим другие способы решения этой задачи.
|
|
|
Как и ранее, каждому пункту меню соответствует два изображения: первое изображение, когда пункт меню не выбран, второе — при выбранном пункте меню, цветовая палитра рисунка изменена. Графические изображения, соответствующие ситуации, когда пункты меню не выбраны, хранятся в файлах с именами pchl.gif, pch2.gif, pch3.gif, pch4.gif, pch5.gif. Соответствующие им графические изображения с измененной палитрой хранятся в файлах с именами wpchl.gif, wpch2.gif, wpch3.gif, wpch4.gif, wpch5.
Функция img имеет два параметра. Первый параметр задает выбор пункта меню, второй параметр — п — определяет номер пункта меню. От этого параметра зависит, какое изображение в документе требуется изменить (document, images [n-1].src), ("wpch"+n+".gif" или pch"+n+".gif). Имя файла формируется динамически и представляет собой конкатенацию строк, одна из составляющих которой — значение второго параметра. Если имена файлов не подчинены общему правилу, то в функции потребуется дополнительный анализ, какой файл подгрузить. Это сделать нетрудно, зная место в документе, из которого произошел вызов функции. Документ со сценарием, реализующий вертикальное графическое меню, представлен в листинге 3.3.
