2024年5月9日发(作者：)

制作一个简单的 Javascript 3D Tag Cloud 旋转标签云

by flanker

很多人的博客都有一个 flash 的 3D Tag Cloud 标签云在转啊转（WordPress WP-Cumulus

插件），看起来挺帅，这里我们用 Javascript 实现一个简单的 3D Tag Cloud 标签云。

猛击进入 demo 演示地址

首先给出 Html，比较简单，就是一个 div 里面包含了一个 ul，有一些超链接项目：

其次我们给页面加上 CSS 样式，因为超链接作为标签云将会在页面内旋转漂浮，所以需要给 a

标签设置为 position: absolute ，而 #tagCloud 作为标签云的容器，需要设置高度宽度，以及

position: relative 。主要的几个 CSS 如下，比较简单：

#tagCloud {

height: 300px;

width: 600px;

position: relative;

margin: 0;

overflow: hidden;

}

#tagCloud a {

position: absolute;

text-decoration: none;