在Prototype / Scriptaculous上使用AJAX拉取内容的可放置工具提示(像Twitter一样)

时间:2010-09-23 23:10:50

标签: javascript twitter tooltip prototypejs scriptaculous

Twitter最近添加了可移动的多媒体“工具提示” - 当您将鼠标悬停在Feed上的用户名或头像上时,会弹出(就地)用户的更多详细信息(发送/接收的推文,位置,最后一条推文) )。它还包括一个“关注”按钮。有一个'more-info'链接可以按需加载更多细节。

我想模仿他们是如何做到的 - 我认为这是一个非常优雅的解决方案。页面上有一个空/隐藏div,在悬停时,div被重新定位到适当的位置,显示设置为“阻止”并填充信息(按需)。

如果我在原型/ scriptaculous框架上,是否有一种直接的方法来执行相同的实现?我没有能力使用其他框架。提前谢谢!

截图:

2 个答案:

答案 0 :(得分:1)

你应该看看Prototip - 它提供了一个完全符合你想要的AJAX解决方案

答案 1 :(得分:0)

Opentip是一个非常棒的免费开源工具包,它也允许AJAX拉动。