2011-05-01 56 views
0

當我將鼠標懸停在網站上的用戶名上時,它會下降一個框。我想嘗試和實施類似的東西能有人帶領我如何複製這個方向?謝謝!我怎樣才能得到我的網站上彈出像堆棧溢出?

+1

你想知道如何做到這一點還是完整的代碼? – kobe 2011-05-01 20:44:57

+1

它應該是非常直接的,我可以指導你,如果你想 – kobe 2011-05-01 20:45:37

+1

在哪個點執行你卡?發送代碼的例子總是很好的。我看不出你目前的問題在哪裏。一些提示:css:「position:absolute」,「z-index」,jQuery:「懸停」,「切換」,「獲取」。 – 2011-05-01 20:50:08

回答

6

只是概念:

  1. 傾聽mouseover(和mouseout)事件。
  2. 當觸發mouseover事件時,您將使用DOM操作創建/顯示一些位於那裏的HTML元素。
  3. 您可以使用AJAX獲取更多內容(顯示在該框中)。
  4. 當盒子/鏈接觸發mouseout時,再次隱藏該元素。

您可以使用JQuery(或任何其他框架)來簡化很多。

1

應該很容易按照以下步驟

1)讓你的HTML準備

2)把它絕對定位

3)聽jQuery的鼠標懸停甚至廣告鼠標懸停事件。

4)獲取的偏移值off父elemet這是鼠標懸停事件

5)獲取左VAL和從偏移val中的mosueover頂纈氨酸。

6)請在絕對DIV項.show並將其定位旁邊的家長elemet

相關問題