循環導航教程？

Question

我希望在各個項目中包含具有懸停效果的循環導航。那裏有教程嗎？

如果不是，將6個，8個或12個鏈接「項目」圍繞圓形徽標循環排列的最佳方法是什麼？徘徊，活躍或沮喪時，他們會有不同的狀態？我希望這些物品具有「可愛」的感覺。我可以使用JavaScript來做到這一點，如果有什麼適合它，但更喜歡主要使用CSS。

Answer 1

有幾種方法可以做到這一點。

最簡單的一個是做一個常規的菜單和使用位置：絕對;在所有單獨的項目上將它們放置在徽標周圍。

製作更復雜圓形菜單的另一種方法是使用圖像映射。我曾經發現過一個很好的教程，它涉及到圖像映射中複雜的形狀和懸停效果，但我失去了它，對不起。

這是在一個衆所周知的網站，至少對我來說，並涉及與不同形狀的彩色斑點圖形。像quirksmode.com的東西...我不知道了，我會告訴你，當我找到它。

這會讓你那裏大多數... http://www.google.nl/search?q=html+image+map+hover