使用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或...創建工具提示？

回答

相關問題