使用jQuery或......创建工具提示？

Question

如何使用指针替换常规div来创建工具提示？我已经使用常规div获得了我想要的代码。我只想让div上有一个小三角形指针。我是否需要使用jQuery（某种类型的工具提示插件）才能完成这项工作？或者有没有办法用CSS（我知道你可以使用边框创建一些形状）或使用图像吗？

我只是想知道解决这个问题的最佳方法。

此外，重要的是要注意我将使用.animate（）来扩展工具提示。但是，我希望指针保持相同的大小和静止。因此，不确定这是否会消除使用图像的能力（因为它会将整个图像加宽为一个，同时拉伸和移动指针）。

编辑***我希望它看起来像这样：

http://jsfiddle.net/jhacks/7BNgW/11/

然而，它会有一个边界......所以不能做我在那个小提琴中所做的事情来实现它。

非常感谢帮助。谢谢！

Answer 1

如果你创建一个带有border-radius的div，使其显示为圆形并设置border-bottom，那么你将得到你所追求的三角形。