Wiki-учебник по веб-технологиям: JavaScript/ЧтоТакоеСлои ...

Главная | Каталог |

Что такое слои?


Слои – одно замечательное новое свойство Mozilla Firefox. Оно позволяет устанавливать абсолютную позицию объектов типа изображений. Помимо этого Вы можете перемещать объекты по вашей HTML-странице. Вы также можете скрыть объекты. Слоями можно легко управляться с помощью JavaScript.

Чем конкретно являются слои?


Объяснить это очень просто: Вы берете несколько листов бумаги. На одно листке Вы пишете текст. На другом Вы выводите изображение. На третьем листке помимо изображения пишите некоторый текст и так далее. Теперь, поместите эти листы на стол. Предположим, каждая бумага – слой. В этом аспекте слой – некоторый контейнер. Он может содержать объекты – то есть в нашем случае текст и изображения. Теперь возьмите бумагу с изображением. Двигайте ее по столу. Внимательно смотрите за изображением при движений бумаги. Если Вы перемещаете бумагу в право, изображение будет следовать вместе с ней! Что мы узнаем благодаря этому очаровательному опыту? Слои, которые могут содержать несколько различных объектов – подобно изображениям, формам, тексту и т.д. – могут быть помещены в вашу HTML-страницу и могут перемещаться в ее пределах. Если Вы перемещаете слой, все объекты, содержащиеся в этом слое будут следовать за его движением.

Слои могут накладываться друг на друга подобно бумаге на столе. Каждый слой может иметь прозрачные части. Сделайте отверстие в одном из листов бумаг. Теперь поместите эту бумагу поверх другой бумаги. Отверстие это 'прозрачная часть' первой бумаги – содержание нижней бумаги будет просвечивать через верхнюю.