圆形导航教程?

时间:2010-03-08 20:22:13

标签: html css transitions mousehover

我希望在单个项目中加入带有悬停效果的循环导航。那里有没有教程?

如果没有,那么围绕圆形徽标制作6,8或12个链接“项目”的最佳方法是什么?徘徊,活跃或沮丧时,它们会有不同的状态吗?我希望这些物品具有那种“纽扣”的感觉。如果有适合它的东西,我可以使用javascript来执行此操作,但更喜欢主要使用CSS。

1 个答案:

答案 0 :(得分:1)

有几种方法可以做到这一点。

最简单的一个是制作常规菜单并使用position:absolute;将所有单独的物品放在徽标周围。

制作更复杂的圆形菜单的另一种方法是使用图像映射。我曾经找到一个很好的教程,它涉及复杂的形状和悬停效果在图像地图上,但我丢了它,抱歉。

它位于一个众所周知的网站上,至少对我而言,并且涉及具有不同形状的彩色斑点的图形。像quirksmode.com这样的东西......我不知道了,我会在找到它时告诉你。

这会让你在那里... http://www.google.nl/search?q=html+image+map+hover