Помощник 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().

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

Оцени публикацию:
  • 3,11
Оценили человек: 3

Похожие статьи:

Справочники и учебники:


Предложения и пожелания:
Ваше имя:
Ваш E-mail:
Введите изображенные цифры:
Captcha
Главная
X

youtube.com/watch?v=7hFivbgIEqk

При полном или частичном использовании материалов данного сайта, ссылка на сайт "yapro.ru" обязательна как на источник информации.
Автоматический импорт материалов и информации с сайта запрещен.
Copyrights © 2007 - 2017 YaPro.Ru

Главная » Веб-мастеру » JavaScript »