日期:2014-05-17  浏览次数:20725 次

如何用html实现圆形云台

首先制作出来一张圆形云台的图片,使用该图片作为div 的背景图片,使用绝对定位absolute,还固定该div的位置。

1、制作张圆形云台的图片。

2、然后按图形的规则切割成小图片。

3、用整张圆形云台的图片作为div的背景,同时作为贴图的参照。

4、在div中为所有小图片添加a标签,即<a id="a1" onfocus="javascript:this.blur();">1</a>,然后用绝对定位的css实现图片跟底图的吻合。