Помощник expression()

Автор: Aport Понедельник, Февраль 2nd, 2015 Нет комментариев

Рубрика: Уроки JavaScript

Например, возьмём редко используемую конструкцию 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().

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

 

Источник: yapro.ru

Оставить комментарий

Чтобы оставлять комментарии Вы должны быть авторизованы.

Похожие посты