2010-04-21 82 views
1

所以我在看slickdeals.net和amazon.com,我發現了一些非常有趣的東西。這對你們大多數人來說是基本的,但這對我來說是新的。對於slickdeals.net,當你點擊登錄時,會彈出一個登錄框。此外,對於Amazon.com,當您將鼠標懸停在左側導航菜單上時,會彈出一個新菜單!我認爲這是JavaScript,但這是如何工作的?我該如何做這樣的事情?如何製作這樣的菜單?

更新:

感謝您的答案!還有一個關於亞馬遜網站的問題。我一直在用螢火蟲看它。那麼他們如何讓他們的子菜單出現?我期待鼠標懸停將子菜單從display:none;更改爲display: block;,但事實並非如此。它在鼠標懸停上發生了什麼變化以使其顯示?

回答

2

看起來像CSS和Javascript的組合。看看JQueryJQuery UI。它使用起來很簡單,並且具有使諸如此類網站更易於開發的功能。

調查UI的菜單和下拉菜單等東西。 JQuery UI非常酷,可以讓你製作真正動態的網頁。他們有JQuery UI網站上的示例,您可以看看。

+0

對於jQuery UI的+1 – 2010-04-22 03:38:24

2

你可以查看源代碼,找到自己的答案。看起來slickdeals.net使用jQuery的javascript效果。

http://jquery.com/