我希望在各个项目上加入一个带有悬停效果的圆形导航。有没有什么教程?
如果不是,让6个、8个或12个链接“项目”围绕圆形徽标排列的最好方法是什么?它们在悬停、活动或压抑时会有不同的状态吗?我想让这些东西有那种“纽扣”的感觉。如果有什么合适的东西,我可以使用javascript来做这件事,但我更喜欢主要使用CSS。
发布于 2010-03-09 04:29:50
有几种方法可以做到这一点。
最简单的一种方法是制作一个常规菜单,并在所有单独的项目上使用position: absolute;将它们放置在徽标周围。
制作更复杂的圆形菜单的另一种方法是使用图像映射。我曾经找到一个很好的教程,涉及图像地图上的复杂形状和悬停效果,但我把它弄丢了,对不起。
它是在一个众所周知的网站上,至少对我来说,并涉及一个图形与彩色斑点,不同的形状。像quirksmode.com这样的东西。我不知道了,等我找到了再告诉你。
https://stackoverflow.com/questions/2404462
复制相似问题