2013-01-05 38 views
1

我對此很陌生,不知道如何使用JavaScript或jQuery,並且寧願避免在所有可能的情況下使用它,因爲我知道它在所有瀏覽器中都不兼容,需要時間加載並且可以禁用用戶。如何使子菜單鏈接成爲CSS下拉菜單中的頭部鏈接而不使用JavaScript或jQuery?

我已經制作並設計了菜單,但希望菜單中的主標題在單擊時切換到子菜單鏈接,同時保持菜單的其餘部分完整。我如何在CSS中實現這一點?

+0

http://www.basewebmaster.com/css/simple-css-drop-down-menu.php –

回答

0

你可以看看http://davidwalsh.name/css-target並使用css目標選擇器(但它不支持在IE中 - 我沒有檢查過IE10)。

如果要更改文本或href屬性的話,它的不可能在純CSS(糾正我,如果我錯了)。你將不得不使用JavaScript。 Jquery使得您的網站支持最常用的瀏覽器變得更容易,爲什麼不放棄它?我確定如果你遇到困難,堆棧溢出的人會很樂意幫助你。

在旁註上,css也可以被用戶禁用(並不是所有的瀏覽器都支持所有的css功能)。 Css和Javascript在同一條船上,因爲瀏覽器規定了支持的內容。

+0

我會在尋找哪些jquery插件?我沒有及時瞭解所有正確的術語,因爲我自學自己並在同一時間建立網站。 – Marcus

+0

或者我能在html5中完成它嗎? – Marcus

+0

@Marcus http://jquery.com/download/ - 在這裏你可以下載Jquery。 Jquery是一個庫,可以更輕鬆地編寫javascript。我會從學習如何創建一個cick事件開始。然後找出如何從點擊的菜單項獲取值。然後將此值(本例中爲鏈接)添加到菜單標題。有很多東西要學習和搜索。但是,如果你在做html和css,那麼下一步通常是javascript。如果你在這裏發佈了一個新的問題(具體問題),那麼你就會陷入困境。編輯:或者給我發一封電子郵件。 –