2010-07-14 56 views
2

沒有人知道如何在div上創建工具提示。在我的網頁,我有4格,我想每次用戶鼠標移到一個div,它會從頂部和幾秒鐘的提示將自動隱藏後顯示下行的提示..工具提示像div上的控制

THANKS

回答

0

如果你可以使用JavaScript和JQuery這是很簡單的,看看

http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/例如

在純HTML做這和CSS會更復雜。你可以玩:懸停,絕對 定位和z-索引來實現它。

+0

大家好..對不起,我感到困惑..它會在圖像上的東西,當你把鼠標放在它上面,你可以看到標題(請參閱http://nivo.dev7studios.com/demos/並轉到「與標題和鏈接「部分。而不是在圖像上我怎麼能實現它在div – user384080 2010-07-14 07:05:16

1

您可以使用title屬性:

<div id="myDiv" title="My Tool Tip Text here">Div Stuff</div>

還是來看看這個(A JavaScript的例子,不自動隱藏,但可以很容易地修改這樣做):

http://djgdesign.co.uk/display.php?id=47

+0

大家好..抱歉的混亂..它將是圖像上的東西時,你將鼠標放在它上面,你可以看到標題(請參閱http://nivo.dev7studios.com/demos/並轉到「帶有標題和鏈接」部分。但是,而不是在圖像上我怎麼能實現它在div – user384080 2010-07-14 07:04:34

0

我會推薦你​​的TipTip jQuery Plugin它很容易適應,也容易擴展。詢問你是否需要幫助。

+0

大家好..抱歉的混亂。 。當您將鼠標移到圖片上時,它會顯示在圖片上,您可以看到標題(請參閱http://nivo.dev7studios.com/demos/並轉到「with caption&links」部分。圖像我怎麼能在div上實現它 – user384080 2010-07-14 07:05:46