ВУЗ:
Составители:
Рубрика:
DreamWeaver. Основные правила работы
25
Поведения
Пример.
На странице размещено три слоя. Слои с текстом и рисунком (их имена – text и
picter) скрыты, а управляющий слой menu – виден.
В слой menu вставлена таблица 4х1, в
каждой ячейке размещены парные сменя-
ющиеся рисунки – рол-
ловеры.
При наведении курсора
на рисунок он автома-
тически заменяется дру-
гим, такого же размера. В таблице 4 пары
рисунков.
Смена изображений обеспечивается сценарием, который формирует сама програм-
ма.
Непосредственно в ячейке таблицы заносится следующий текст:
<td valign="top"><a href="#" onMouseOut="MM_swapImgRestore()" onMouse-
Over=><img src="../image/ptext.jpg" alt="Показать текст" name="Image7"
width="130" height="22" border="0"></a></td>
При наведении курсора onMouseOver идет обращение к функции смены изобра-
жения "MM_swapImage('Image7','','../image/stext.jpg',1)", если курсор отвести
onMouseOut, то восстанавливается исходное изображение обращением к функции
"MM_swapImgRestore()".
Сам сценарий размещается в заголовке страницы <head>…</head>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((ap-
pName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; on-
resize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) loca-
tion.reload();
}
MM_reloadPage(true);
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++)
x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
DreamWeaver. Основные правила работы
Поведения
Пример.
На странице размещено три слоя. Слои с текстом и рисунком (их имена – text и
picter) скрыты, а управляющий слой menu – виден.
В слой menu вставлена таблица 4х1, в
каждой ячейке размещены парные сменя-
ющиеся рисунки – рол-
ловеры.
При наведении курсора
на рисунок он автома-
тически заменяется дру-
гим, такого же размера. В таблице 4 пары
рисунков.
Смена изображений обеспечивается сценарием, который формирует сама програм-
ма.
Непосредственно в ячейке таблицы заносится следующий текст:
