Нам необходимо начать прокручивание слоя, как только страница будет загружена

Методические рекомендации к выполнению задания 3

жүктеу/скачать 231.94 Kb.

Pdf көрінісі

бет	4/4
Дата	03.12.2022
өлшемі	231.94 Kb.
	#466382

1 2 3 4

Лабораторные по JS 10-11 Слои

Методические рекомендации к выполнению задания 3
Как мы уже видели, слой может содержать несколько различных
объектов. Он могут даже включать в себя другие слои. Конечно, может
возникнуть вопрос, для чего это нужно. На самом деле есть несколько причин,
чтобы пользоваться вложенными слоями. Рассмотрим несколько примеров,
демонстрирующих применение вложенных слоев.
В первом примере используется слой (называемый parentLayer), в
который вложено еще два других слоя (layer1 и layer2).
Создайте документ, содержащий три кнопки, которые могут запускать и
останавливать движение слоев. Исходный код скрипта:

// начальна\япозици\я
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) {
// перемещение 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; }
if (move2) {
// перемещение parentLayer
if (dir2) pos2--
else pos2++;
if (pos2 < -20) dir2= false;
if (pos2 > 20) dir2= true;
document.layers["parentLayer"].layers["layer2"].top= 10 + pos2; }}
// -->

Этопервыйслой

Это второй слой

Это главный (родительский) слой

left=0>

жүктеу/скачать 231.94 Kb.

Достарыңызбен бөлісу:

1 2 3 4