Помощник expression()

Например, возьмём редко используемую конструкцию expression(). Появилась эта штука вместе с Internet Explorer 5.0, и впервые я её приметил, изучая различные гипертекстовые шаблоны в папке Windows/Web…

Конструкция expression() избавляет кодера от необходимости разбираться в тонкостях CSS позиционирования и событийной модели.

Допустим, у вас есть картинка, которая должна всегда располагаться в нижнем правом углу страницы. Вместо того, чтобы писать код, отслеживающий прокрутку и изменение размеров страницы, достаточно указать в таблице стилей следующее:

img#pic {
top:expression(document.body.scrollTop + document.body.clientHeight - offsetHeight);
left:expression(document.body.scrollLeft + document.body.clientWidth - offsetWidth);
position:absolute
}

Вот и все пироги. Теперь при изменении размеров страницы или её прокрутке, картинка автоматически будет помещена на своё законное место — в нижний правый угол страницы. Главное не забудьте указать у изображения атрибуты width и height:

Логотип p.s. Все остальные браузеры просто проигнорируют указание expression().

Автор: Александр Шуркаев


09.07.2007 18:32

Комментарии

Комментариев пока нет.


Copyrights © 2007 - 2026 YaPro.Ru