2012-10-09 138 views
1

我試圖在我的頁面上創建一個部分,允許用戶將鼠標懸停或單擊標籤狀標題並將其內容滾動顯示在下面。顯示類似標籤的內容

舉例說明我的意思是顯示在這個頁面上:http://www.iflexion.com/如果你看看他們的主滑動條下面的部分,你可以將鼠標懸停在「解決方案」,「服務」等內容上。

我很想找到一個關於如何實現這個功能的示例教程,但我不確切地知道在調用函數時知道要查找什麼。我看過一些標籤顯示,比如JQuery's,但它不完全像這個。

任何人有任何想法,如果他們使用我可以查找的東西,或者這種類型的功能被稱爲所以我可以查找更準確的例子?

回答

1

你可以用這個啓動: http://blogs.msdn.com/b/thebeebs/archive/2010/11/10/how-to-create-an-awesome-scrolling-navigation-using-jquery.aspx

然後做以下修改:

  • 修改它作爲垂直srolling
  • 通過onHover選項代替的onclick
  • 呼叫的調用滾動.insertAfter ()( http://api.jquery.com/insertAfter/)在當前活動塊之後插入塊。然後你可以開始你的滾動。

你會再拿到含量的效果總是從DIV

+0

@ich大的底部飛出!謝謝,這有助於很多。 – Cineno28