用JS实现3D球状云标签

#tags{position:relative;
 width:450px;
 height:450px;
 margin: 20px auto 0;
 }
 #tags li{
 position:absolute;
 list-style-type:none;
 }

<div id="tags">
    <ul>
      <li><a href="/article/%e8%94%a1%e7%be%8e%e6%9c%88/" title="蔡美月">蔡美月</a></li>
      <li><a href="/article/%e5%a9%9a%e7%ba%b1%e5%93%81%e7%89%8c/" title="婚纱品牌">婚纱品牌</a></li>
      <li><a href="/article/%e5%9b%bd%e9%99%85%e5%a9%9a%e7%ba%b1%e7%a4%bc%e6%9c%8d%e7%bd%91/" title="国际婚纱礼服网">国际婚纱礼服网</a></li>
      <li><a href="/article/%e6%80%8e%e4%b9%88%e6%8c%91%e5%a9%9a%e7%ba%b1/" title="怎么挑婚纱">怎么挑婚纱</a></li>
      <li><a href="/article/%e5%b7%b4%e9%bb%8e%e5%a9%9a%e7%ba%b1/" title="巴黎婚纱">巴黎婚纱</a></li>
            <li><a href="/article/%e5%a9%9a%e7%ba%b1%e7%85%a7/" title="婚纱照">婚纱照</a></li>
            <li><a href="/article/%e4%b8%89%e4%ba%9a%e5%a9%9a%e7%ba%b1%e6%91%84%e5%bd%b1/" title="三亚婚纱摄影">三亚婚纱摄影</a></li>
            <li><a href="/article/%e5%a9%9a%e7%ba%b1%e6%ac%be%e5%bc%8f/" title="婚纱款式">婚纱款式</a></li>
            <li><a href="/article/%e5%85%ac%e4%b8%bb%e5%a9%9a%e7%ba%b1/" title="公主婚纱">公主婚纱</a></li>
            <li><a href="/article/%e6%96%b0%e5%a8%98%e6%9c%8d/" title="新娘服">新娘服</a></li>
    </ul>
  </div>

</body>
<script type="text/javascript">
    $(function () {
        $('#tags').tagCloud({ randomColor: true, speed: 30, radius: 150, hoverStop: true });
    })
</script>