我使用rails v3.2.2和jquery-rails v2.0.2 ruby-gems。當我將鼠標指針移動到像Facebook,Google和其他公司在其應用程序中製作的按鈕上時,我想要顯示更多信息。將鼠標指針移到按鈕上時如何顯示更多信息?
以下是谷歌Gmail的截圖,顯示我想在我的應用程序實現的東西:
如何,我能做些什麼?
我使用rails v3.2.2和jquery-rails v2.0.2 ruby-gems。當我將鼠標指針移動到像Facebook,Google和其他公司在其應用程序中製作的按鈕上時,我想要顯示更多信息。將鼠標指針移到按鈕上時如何顯示更多信息?
以下是谷歌Gmail的截圖,顯示我想在我的應用程序實現的東西:
如何,我能做些什麼?
查看Qtip jQuery工具提示插件。
考慮一個提示庫,其中有很多,包括:
網絡搜索將出現更多。
有幾種方法可以使用CSS和/或JavaScript來實現這一點。這是一個基本的CSS解決方案:
HTML
<button>Button text</button>
<div class="tooltip">Tooltip Content</div>
CSS
.tooltip { display: none; }
button:hover+.tooltip { display: block; }
什麼加價,您在工作? – 2012-04-18 13:39:56
@David Thomas - HTML。 – Backo 2012-04-18 13:40:30
這個鏈接可以幫助找到你想要的:http://www.1stwebdesigner.com/css/stylish-jquery-tooltip-plugins-webdesign/ – jazzytomato 2012-04-18 13:41:37