扇形拼凑成一个圆形如何布局？

悬赏园豆：10 [已关闭问题] 关闭于 2013-05-15 11:01

如上图所示，大圆是几个扇形拼凑而成，分别点击扇形区会把相应内容展示到内圆上，这种效果怎么实现呢

div+css .net技术 HTML/CSS基础

luckydd | 初学一级 | 园豆：77
提问于：2012-09-14 11:15

< >

所有回答(2)

类似这样的效果一般都是用flash做的

如果不想用flash做的话，外面的环形效果建议用美工直接做成图片，把中间的圆形留出来，然后点击时用JS把中间的背景换掉

artwl | 园豆：16736 (专家六级) | 2012-09-14 11:48

去哪里可以找到这种效果的flash呢？

您的建议是直接把外面环形做成一整张图片吗，那环形上的每个扇形的内容怎么换呢？

支持(0) 反对(0) luckydd | 园豆：77 (初学一级) | 2012-09-14 11:54

@blog_doudou:

我找了两个类似的flash：

你再找找试吧

支持(0) 反对(0) artwl | 园豆：16736 (专家六级) | 2012-09-14 12:03

@artwl: 好的，谢谢了。

支持(0) 反对(0) luckydd | 园豆：77 (初学一级) | 2012-09-14 13:45

做一张背景透明的环形图，把8张中心图排在下层（z-index实现），在鼠标放上去时js动态切换中心图片，很简单的。

空明流光 | 园豆：111 (初学一级) | 2012-09-14 15:40

求代码！

支持(0) 反对(0) luckydd | 园豆：77 (初学一级) | 2012-09-14 15:46

@blog_doudou: 木有代码。做一张图，圆形的、空心的，用层将大图放到下面，就是圆形图盖住底下的大图，然后你在图形图上把八个图片区域画成八个热点，最好命名成控件数组。然后用js在每个热点单击时执行切换背景图的动作。

支持(0) 反对(0) 空明流光 | 园豆：111 (初学一级) | 2012-09-14 16:27

清除回答草稿

您需要登录以后才能回答，未注册用户请先注册。

欢迎，请先 登录 或者 注册 。