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

时间:2011-12-27 02:11:58

标签: jquery css tooltip

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

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

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

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

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

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

非常感谢帮助。谢谢!

1 个答案:

答案 0 :(得分:1)

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