成员动作弹出窗口

Question

所以我想为我公司的网页做点什么，这是属于人的链接，当你点击它时，你有一个小菜单，你可以选择给他发消息或查看他的个人资料。

点击之前：

点击后：

我试图搜索它，找不到任何有价值的东西..也许有人可以帮助我。

Answer 1

我过去做过类似事情的方式是拥有一个隐藏的绝对或固定的DIV层来容纳该消息菜单。然后使用单击触发器使div图层可见并定位在当前鼠标坐标处。

google上应该有很多文章告诉你如何完成所有这些步骤的各个阶段。

Answer 2

如果您正在寻找一种简单的方法，我建议您使用jQuery（http://jquery.com/）和其中一个弹出插件（http://plugins.jquery.com/tag/popup/）。它易于安装，大部分都有一个工作演示，供您在下载前进行测试。

否则，使用纯JS编写弹出窗口需要时间。

这种一般方法是：

1. 创建隐藏的div
2. 位置：绝对并使用z-index进行游戏，因此您的div将位于所有其他元素之上。
3. 将位置设置为您单击的位置，或目标区域周围的某处。
4. 考虑窗口/屏幕的宽度和高度。 （即没有显示出屏幕出现的div）。
5. 填写您需要的信息。
6. 让它出现。