一个很有趣3D球状标签云兼容IE8_javascript技巧-js教程-PHP中文网

看见一个很有趣的标签云，3D球状，兼容 IE 8，亲测可用！其他版本没有测试。觉得挺有意思就拿来记录下来，学习学习，本文下方会放出我看的文章地址，先看一下效果：

接下来是代码，html + css + js，不是基于jQuery的，所以不需要引入，代码复制下来就可以看到效果：


忘了滋味
忘了滋味
忘了滋味
忘了滋味

登录后复制

body {background: #000 url(index.png) no-repeat center 230px;}
#div1 {position:relative; width:450px; height:450px; margin: 20px auto 0; }
#div1 a {position:absolute; top:0px; left:0px; font-family: Microsoft YaHei; color:#fff; font-weight:bold; text-decoration:none; padding: 3px 6px; }
#div1 a:hover {border: 1px solid #eee; background: #000; }
#div1 .blue {color:blue;}
#div1 .red {color:red;}
#div1 .yellow {color:yellow;}

登录后复制

var radius = 120;
var dtr = Math.PI/180;
var d=300;
var mcList = [];
var active = false;
var lasta = 1;
var lastb = 1;
var distr = true;
var tspeed=10;
var size=250;
var mouseX=0;
var mouseY=0;
var howElliptical=1;
var aA=null;
var oDiv=null;
window.onload=function ()
{
var i=0;
var oTag=null;

oDiv=document.getElementById('div1');

aA=oDiv.getElementsByTagName('a');

for(i=0;ivItem2.cz)
{
return -1;
}
else if(vItem1.cz登录后复制