Помощник 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:
Сколько будет Οдин + Τри
Главная
X

Новые заметки:

Про что мы забываем когда делаем оценку задачи по времени

Список вопросов для собеседования разработчика по телефону

Symfony2 авторизация без Doctrine2 для чайника

Phpstorm7 LiveEdit

Жесткий хабр или не хабр, тогда кто?

Яндекс.Деньги мошенничество

Как узнать какие страницы в поиске яндекса или это секрет

Последние комменты:

Yapro CMS:

Здравствуйте, Гость | Войти | Регистрация | Карта сайта | RSS ленты | Ошибка в тексте? Выделите её мышкой и нажмите: Ctrl + Enter

youtube.com/watch?v=7hFivbgIEqk

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

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