HTML JS Layers

Question

я хочу знать, как в gmail реализована функция добавить ссылку на почту - это div, который изменяет отображение? это еще один слой? это что-то еще?

Заранее спасибо,

унция Radiano.

Answer 1

Вы говорите об одном из них?

Добавить форму ссылки

GMail Добавить ссылку 1 http://www.kalleload.net/uploads/thumbnails/bxpwxqpauzxe.png

Панель инструментов с плавающей ссылкой

GMail Добавить ссылку 2 http://www.kalleload.net/uploads/thumbnails/rrdkcg_tuqjfypvmlra.png

(нажмите на картинку, чтобы увеличить)

Edit:

Главный секрет в том, что вы хотите вытащить свою коробку из потока HTML. Это легко сделать с помощью position: absolute;, а затем расположить поле с помощью top, left, right и bottom.

Например, вот фрагмент кода ( пример полного кода ):

.box {
    background: #fff;
    border: 3px solid #333;
    left: 2.00em;
    padding: 2.00em;
    position: absolute;
    top: 2.00em;
}

Answer 2

Gmail использует так называемый эффект лайтбокс . Вы можете найти много информации об этом в Google .

Answer 3

Асинхронные обратные вызовы сервера javascript с манипулированием DOM. Больше, чем просто замена html в одном большом div, но обновление вещей только там, где они должны быть и когда они должны быть.