我似乎迷失了如何以半圆形式标记短语列表(在附图中命名为 title1、title2、title3 等)。
也许有简单的CSS跨浏览器解决方案(不,不,没有IE6,哈哈),或者我需要使用javascript?我无法将其作为图像插入,因为我要求页面上的所有文本都应该是真实文本。
或者也许有一些 Jquery 插件可以解决这个问题..
提前致谢!
我会使用 JavaScript 和一些简单的数学来计算每个标题的位置。圆上 x 和 y 位置的公式如下:
x = radius * cos( angle )
y = radius * sin( angle )
因此,使用它,您可以计算每个标题的位置:
elem.style.left = radius * Math.cos( angle ) + "px"; // angle in radians
elem.style.top = radius * Math.sin( angle ) + "px";
我制作了一个演示小提琴来展示这一点:http://jsfiddle.net/eGhPg/ http://jsfiddle.net/eGhPg/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)