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

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

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

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

Предложения и пожелания:
Ваше имя: Ваш E-mail:
Введите изображенные цифры:
Captcha
« Firefox тоже умеет ставить многоточие Пишем кроссбраузерный Ajax размером 2 кб »

HTML (19)

CSS (36)

PHP (22)

MySQL (14)

JavaScript (57)

Flash (6)

XML (3)

Apache (34)

Дизайн (35)

Продвижение (31)

Программы (26)

Unix (11)

Интересное (37)


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


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

04.05.2012 08:53, 1 коммент
27.04.2012 23:33, 93 коммента
26.04.2012 16:08, 20 комментов

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

→ Защита сервера от ошибок в phpMyAdmin

→ HTML5 - новые виды атак

→ Социальные рекомендации Twitter в Google

→ Ашманов про стартапы

→ Skype Distributed Database Architecture

→ Erlang - лекарство при высоких нагрузках

→ Amazon Web Services: инструменты обеспечения масштабируемости и отказоустойчивости

Обсуждения на форуме:

→ некорректно отображается страница в браузерах

→ не могу войти в admin

→ Нужна критика идеи

→ Поиск по дополнительным полям и формам

→ Вопрос по категориям

→ Несколько вопросов по проекту.

→ Плагины, меню и интеграция
Ошибка в тексте? Выделите её мышкой и нажмите: Ctrl + Enter| Здравствуйте, Гость | Войти | Регистрация| Карта сайта | RSS ленты
О проекте | Скачать CMS | Видеоуроки | Документация | Плагины | Форум | Идеи | Новости | Веб-мастеру | Контакты

YaPro CMS в Живом Журнале

YaPro CMS в Твитере

YaPro CMS в Одноклассниках

YaPro CMS в Яндекс.Блогах

youtube.com/watch?v=7hFivbgIEqk

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


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