是否可以做一個沒有JavaScript或Jquery的下拉菜單

我們有一個要求，不要使用JavaScript的下拉菜單。這個要求是由於maitain SEO價值。是否可以做一個沒有JavaScript或Jquery的下拉菜單

有沒有什麼辦法可以用純css來實現這一點，並使其在所有瀏覽器上都能正常工作。

我嘗試使用li mouseover和mouseout，但它不在IE7中工作。它只在Firefox中工作。

您可以請教或指導良好的解決方案。

謝謝

2010-11-01 kobe

雖然也許有可能，我只是不知道是否是現實執行「非JavaScript」的政策。當你不想使用JavaScript時，你會錯過Web 2.0世界的許多現代特徵。一個選項可能是在HTML5中查找功能，但許多舊版瀏覽器不支持該功能。 – 2010-11-01 15:47:25

@工作室，但我們有像這樣的業務的SEO要求。 – kobe 2010-11-01 15:55:21

我知道。根據我的經驗，對於這種要求，我只是傾向於說：「不，這是不可能的。」（即使有可能！）爲什麼？因爲當你想要這些功能而沒有任何腳本選項時，你會變得非常困難。「這是可以做到的」不是以緩慢而痛苦的方式做事的有效藉口。 CSS非常強大，但這些技巧需要大量的維護經驗。 – 2010-11-01 16:01:06

測試是的。

看到：http://www.cssplay.co.uk/menus/dropdown.html

來源

2010-11-01 15:44:06

非常感謝..這就是我想要..你搖擺。 – kobe 2010-11-01 15:50:10

那麼簡單的HTML呢？

<select name="myDropdown"> 
    <option value="1">Option 1</option> 
    <option value="2">Option 2</option> 
</select>

來源

2010-11-01 15:39:48 dotariel

我認爲他是指網站菜單，而不是用於選擇表單中的數據。 – 2010-11-01 15:41:34

也許你可以嘗試這樣的事情：http://www.exploding-boy.com/images/EBMenus/menus.html – dotariel 2010-11-01 15:43:58

是的網站菜單...只有 – kobe 2010-11-01 15:49:46

也許這會爲你工作

http://www.cssplay.co.uk/menus/final_drop.html

來源

2010-11-01 15:42:22

你可以只用CSS做

#item { 
    display: none; 
} 

#item:hover { 
    display: block 
}

也可以看看這裏：

http://lwis.net/free-css-drop-down-menu/

你可能面臨的問題與IE6的懸停，所以你可以使用這個技巧不同的HTML元素/修復

http://www.xs4all.nl/~peterned/csshover.html

我測試了這一點：http://lwis.net/free-css-drop-down-menu/dropdown.simple.horizontal.html

作品IE 6/7/8下，與IETester

來源

2010-11-01 15:42:27 infinity

這是不工作在IE瀏覽器。 – kobe 2010-11-01 15:50:46

哪一個不工作，在哪個IE下（6/7/8）？ – infinity 2010-11-01 15:54:25

感謝無限，你們讓我的工作非常輕鬆。 – kobe 2010-11-01 16:00:47

是否可以做一個沒有JavaScript或Jquery的下拉菜單

回答

相關問題