HTML JS图层

Question

我想知道gmail如何实现添加邮件链接功能 - 这是一个改变它显示的div吗？是另一层吗？是别的吗？

提前致谢，

oz radiano。

Answer 1

你在谈论其中一个吗？

添加链接表单

GMail Add Link 1 http://www.kalleload.net/uploads/thumbnails/bxpwxqpauzxe.png

浮动链接工具栏

GMail Add Link 2 http://www.kalleload.net/uploads/thumbnails/rrdkcg_tuqjfypvmlra.png

（点击图片放大）

修改

主要的秘诀是你想要从HTML的流程中拉出你的盒子。这可以使用position: absolute;轻松完成，然后使用top，left，right和bottom定位框。

例如，这是一段代码段（full code example）：

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

Answer 2

使用DOM操作的异步javascript服务器回调。更多的只是在一个大的div中交换html，但只更新它们需要的位置以及何时需要它们。

Answer 3

Gmail使用所谓的lightbox effect。您可以在Google上找到有关它的大量信息。