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

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

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

另外，注意我将使用.animate（）来扩大工具提示可能很重要。但是，我希望指针保持相同的大小和固定。所以，不确定这是否消除了使用图像的能力（因为它会将整个图像作为一个整体展开，伸展并移动指针）。

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

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

但是，它将有一个边框......所以不能做什么，我在做小提琴完成它。

非常感谢帮助。谢谢！

来源

2011-12-27 jstacks

“小三角形指针”是什么意思？你可以张贴你想要的样机图像吗？使用CSS制作箭头很容易，所以这可能是使用'float：'的方法。你需要给我们更多的细节。 – Bojangles 2011-12-27 02:14:20

我可能会完全错误的方向，但可能像[此JSFiddle]（http://jsfiddle.net/HgrHm/）？ – Bojangles 2011-12-27 02:18:19

我已经有了获取工具提示功能的代码。然而，我只是有一个正常的div，没有指针（参考我的小提琴，我已经添加了我正在寻找的形状的示例）。所以，我只是想用一个“工具提示”或一个小指针来代替正在使用普通div的div。另一个要求是，在使用.animate（）扩展时，指针必须保持在相同的位置而不是加宽。 – jstacks 2011-12-27 02:29:58

如果您使用border-radius制作一个div，使其看起来像圆形并设置border-bottom，您将会看到后面的三角形。

来源

2011-12-27 02:14:59 Purag

我知道如何获得三角形的形状。但是，是否有可能让我在新编辑的帖子中看到的形状？而且，正如我所说，我正在寻找一些边界，这使得我所做的解决方案无法实现形状......不幸的是。 – jstacks 2011-12-27 02:33:41

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

回答

相关问题