Нам необходимо начать прокручивание слоя, как только страница будет загружена
жүктеу/скачать 231.94 Kb. Pdf көрінісі
|
- Бұл бет үшін навигация:
- Методические рекомендации к выполнению задания 1
|
Вопросы для самоконтроля: 1 Какие возможности предоставляет использование слоев? 2 Каким образом производится создание слоев? 3 Для чего используется тег 4 Какими командами нужно воспользоваться для того, чтобы получить доступ к слою через целочисленный индекс? 5 При помощи каких команд производится определение положения данного слоя? 6 В каких случаях используется параметр z-index? 7 В чем отличия тэгов 8 Каким образом производится перемещение слоев? 9 Каким образом производится перекрывание слоев? 10 Для чего предназначено событие onLoad? Лабораторное занятие № 11 Тема: Работа со слоями Цель: Изучить приемы вырезки из слоя, создания вложенных слоев, использования различных эффектов с прозрачными слоями Задания: 1 Ознакомиться с теоретическими аспектами темы. 2 Создать документ согласно методическим указаниям. 3 Создайте документ, содержащий три кнопки, которые могут запускать и останавливать движение слоев. 4 Создайте документ, в котором можно задать выделяемую область. В документе должен быть использован механизм вырезания и перемещение изображения. Это нужно для того, чтобы вырезаемая часть была зафиксирована, т.е. чтобы при перемещении всего изображения не происходила смена видимого на экране фрагмента. 5 Создайте документ, в котором используются два изображения (сплошные серые зоны здесь на самом деле являются прозрачными): Необходимые приборы: ПК, текстовый редактор Блокнот, браузер Методические рекомендации к выполнению лабораторной работы: Методические рекомендации к выполнению задания 1 Можно постулировать, что какая-то (прямоугольная) часть слоя будет нам видима. Все же, что лежит за ее пределами, показано на экране не будет. Такой прием называется вырезанием. Например, в разметке HTML можно задать следующую функцию вырезания: (Здесь приписаны параметры left=0 и top=0, поскольку в противном случае, если этого не сделать, то в некоторых версиях возникают проблемы). Хотя само изображение и имеет размеры 209x264 пикселов, мы можем видеть лишь его малую часть: Данный фрагмент изображения имеет размер 90x70 (пикселов). Первые два значения, указанные в атрибуте clip (атрибуте HTML-тэга значения указывают нижний правый угол. Сказанное можно проиллюстрировать следующим рисунком: Еще более интересных результатов можно добиться, управляя вырезанной частью с помощью языка JavaScript. Точнее, Вы можете изменять значения свойств clip.left, clip.top, clip.right и clip.bottom объекта Layer. Достаточно всего лишь занести в одно из этих свойств новое значение, как фрагмент тут же будет кадрирован соответствующим образом . В следующем примере параметры вырезанной части изображения меняются динамически, и в результате у пользователя создается впечатление, будто изображение медленно "растет": жүктеу/скачать 231.94 Kb. Достарыңызбен бөлісу:
|