2011-11-10 54 views
1

是否可以使用僅使用CSS和不使用JavaScript的垂直多級導航欄?有關JavaScript和垂直多級導航欄的問題

像在這裏:

http://www.dhtmlgoodies.com/scripts/slidedown-menu2/slidedown-menu2.html#

我儘量避免使用JavaScript,因爲今天的瀏覽器具有可關閉的JavaScript代碼的選項。我不希望我的網頁因爲這些設置而中斷。我是否應該考慮這個問題?或者我應該只使用JavaScript?

我希望只使用CSS,但我不確定CSS是否足夠。

編輯:順便說一句,當你點擊一個<a>標籤時,是否有一個CSS選擇器?類似'a:點擊'。我只知道一個:懸停。

+0

您可以使用CSS在任何方向/方法中製作多級菜單,但是如果沒有JS,則無法進行滑動等任何奇特效果。 –

+0

在IE6/7/8等傳統瀏覽器中,可以使用CSS3中某些內容的功能並不完全適用。 – Incognito

回答

3

除非您使用CSS3動畫,否則您將無法獲得任何形式的動畫,在這種情況下,與使用JavaScript相比,您將得到的支持更少。

如果是我,我會用JavaScript來做到這一點。如果用戶將其關閉,他們仍然會收到菜單,而不是動畫(如果您正確編碼)。

+0

這是否意味着JavaScript(或應該)主要用於小動畫? –

+0

JavaScript不僅僅可以用於動畫。據說,它可以用於這樣的小動畫。問自己的問題是:這個菜單是否需要動畫功能? – motoxer4533

+0

不一定,但我會想。 :) 就我個人而言,我認爲如果上面的鏈接中的示例菜單沒有動畫,那不是很難(甚至令人討厭)使用嗎? \t 我的意思是,子菜單顯示在'a:hover'上。如果有其他的選擇,比如某種'a:點擊' –

2

CSS主要是爲造型的網頁,而JavaScript是主要給他們不同的行爲和交互性。

也就是說,CSS3做了很多changethat。但是,如果你想要一個具有任何類型的跨瀏覽器支持的網頁,這不是一個真正的選擇。

就像您所說的,用戶可以選擇禁用JavaScript,這對於安全性來說是一件好事。然而,這意味着您應該始終嘗試在您的頁面上添加任何JavaScript 補充,即使JavaScript被禁用,仍然有一些功能。

如果你想要菜單中的任何有趣的效果,你將需要一些CSS和JavaScript的組合,並且如果你在你的CSS文檔中定義和應用你的樣式,而不是從你的JavaScript中,你仍然會保持一定程度的可用性