width: 100%;
position: absolute;
visibility: hidden;
padding: 10px;
background-color: #FFF;
position: absolute;
visibility: hidden;
font-size: 1em;
font-family: Arial, Tahoma, Sans-Serif;
CSS-код будет выглядеть так:
<div id=«Popup»>Сообщение в окне.</div>
<div id="Overlay"></div>
С точки зрения HTML, всплывающее окно это обычный блочный элемент (например, div) и еще один блочный элемент для создания полупрозрачного оверлея. Функциональный HTML-код будет содержать всего две строки:
HTML, CSS.Что же из себя будет представлять наше модальное окно? Схематично его можно представить следующим образом.
Сегодня я расскажу о написании плагина для JavaScript-библиотеки MooTools на примере модального всплывающего окна.
Это мой первый серьезный пост на Хабре, так что критика приветствуется.
Доброго времени суток.
Пишем свой MooTools-плагин.
30 августа 2008 в 14:18
Пишем свой MooTools-плагин. / Хабрахабр
Комментариев нет:
Отправить комментарий