JavaScript для мага


Вложенные слои


 

Как мы уже видели, слой может содержать несколько различных объектов. Он могут даже включать в себя другие слои. Конечно, может возникнуть вопрос, для чего это нужно. На самом деле есть несколько причин, чтобы пользоваться вложенными слоями. Рассмотрим несколько примеров, демонстрирующих применение вложенных слоев.

В первом примере используется слой (называемый parentLayer), в который вложено еще два других слоя (layer1 и layer2).

 

(online-версия руководства позволит Вам проверить этот скрипт немедленно)

 

После открытия мы видим три кнопки. Эти кнопки могут запускать и останавливать движение слоев. Также можно видеть, что перемещение слоя parentLayer сопровождается перемещением и двух других слоев, тогда как перемещение слоя layer1 (или layer2) ни на что другое не влияет. Этот пример демонстрирует возможность объединения группы объектов с помощью механизма вложенных слоев.

 

Рассмотрим теперь исходный код скрипта:

 

<html>

<head>

 

<script language="JavaScript">

<!-- hide

 

// начальна\я позици\я

var pos0= 0;

var pos1= -10;

var pos2= -10;

 

// движение?

var move0= true;

var move1= false;

var move2= false;

 

// направление?

var dir0= false;

var dir1= false;

var dir2= true;

 

function startStop(which) {

  if (which == 0) move0= !move0;

  if (which == 1) move1= !move1;

  if (which == 2) move2= !move2;

}

 

function move() {

 

  if (move0) {

    // move parentLayer

    if (dir0) pos0--

      else pos0++;

 

    if (pos0 < -100) dir0= false;

 

    if (pos0 > 100) dir0= true;

 

    document.layers["parentLayer"].left= 100 + pos0;   

  }

 

  if (move1) {

    // перемещение parentLayer

    if (dir1) pos1--

      else pos1++;

 

    if (pos1 < -20) dir1= false;

 

    if (pos1 > 20) dir1= true;

 

    document.layers["parentLayer"].layers["layer1"].top= 10 + pos1;




Начало  Назад  Вперед



Книжный магазин