如何在給定的文本

添加一個信息彈出我有書名的一些選項，我想在他們每個人與書的一些有意義的描述鼠標懸停添加彈出。彈出窗口應顯示在相應書名的上方並覆蓋它。我不知道如何處理這個，也許jQuery可以提供幫助。我無法想象沒有Javascript的解決方案，只使用CSS。如何在給定的文本

的HTML看起來像這樣（它是可以改變的，如果需要的話）：

<tr><td> 
<input type="radio" value="book1" name="download"> Book 1 <br> 
<input type="radio" value="book2" name="download"> Book 2 <br> 
<input type="radio" value="book2" name="download"> Book 3 <br> 
</td></tr>

在每個1集，第2，第3冊，還有應該會出現一個信息彈出（與同樣數量的東西頁面，總結等）在鼠標懸停。

來源

2012-11-22 user998692

只用HTML中你可以做<跨度標題= 「5 pages ...」> Book 1 – adcosta

有很多的jQuery插件提示，可以幫助你實現這一目標。對於插件的工作，通常你只需要在你的HTML中添加一個「title」屬性。

看看他們中的一些人http://www.tripwiremagazine.com/2012/07/jquery-tooltip-plugin.html，並選擇一個用戶界面符合您的需求。

來源

2012-11-22 21:08:37

http://jquery.bassistance.de/tooltip/demo/是執行最快的方式可能

來源

2012-11-22 21:03:33 Taff

我建議你tipsy jquery plugin。修改後的版本也有速效bootstrap。

來源

2012-11-22 21:09:41 mrucci

您可能能夠適應使用數據屬性的內容爲提示內容這種純CSS方法：
http://www.impressivewebs.com/pure-css-tool-tips/

工程在IE8 +

來源

2012-11-22 21:23:22 gapple

如何在給定的文本

回答

相關問題