├── index.html
├── style.css
└── tagsCloud.js
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
50 |
51 |
--------------------------------------------------------------------------------
/style.css:
--------------------------------------------------------------------------------
1 | #tagscloud{
2 | width:250px;
3 | height:260px;
4 | position:relative;
5 | font-size:12px;
6 | color:#333;
7 | margin:20px auto 0;
8 | text-align:center;
9 | }
10 | #tagscloud a{
11 | position:absolute;
12 | top:0px;
13 | left:0px;
14 | color:#333;
15 | font-family:Arial;
16 | text-decoration:none;
17 | margin:0 10px 15px 0;
18 | line-height:18px;
19 | text-align:center;
20 | font-size:12px;
21 | padding:1px 5px;
22 | display:inline-block;
23 | border-radius:3px;
24 | }
25 | #tagscloud a.tagc1{
26 | background:#666;
27 | color:#fff;
28 | }
29 | #tagscloud a.tagc2{
30 | background:#F16E50;
31 | color:#fff;
32 | }
33 | #tagscloud a.tagc3{
34 | background:#006633;
35 | color:#fff;
36 | }
37 | #tagscloud a:hover{
38 | color:#fff;
39 | background:#0099ff;
40 | }
41 |
--------------------------------------------------------------------------------
/tagsCloud.js:
--------------------------------------------------------------------------------
1 | var radius = 90;
2 | var d = 200;
3 | var dtr = Math.PI / 180;
4 | var mcList = [];
5 | var lasta = 1;
6 | var lastb = 1;
7 | var distr = true;
8 | var tspeed = 11;
9 | var size = 200;
10 | var mouseX = 0;
11 | var mouseY = 10;
12 | var howElliptical = 1;
13 | var aA = null;
14 | var oDiv = null;
15 | window.onload=function ()
16 | {
17 | var i=0;
18 | var oTag=null;
19 | oDiv=document.getElementById('tagscloud');
20 | aA=oDiv.getElementsByTagName('a');
21 | for(i=0;i 0.1) {
131 | if (aAs.display != '')
132 | aAs.display = '';
133 | } else {
134 | if (aAs.display != 'none')
135 | aAs.display = 'none';
136 | continue;
137 | }
138 | aAs.left = mcList[i].cx + l - mcList[i].offsetWidth / 2 + 'px';
139 | aAs.top = mcList[i].cy + t - mcList[i].offsetHeight / 2 + 'px';
140 | //aAs.fontSize=Math.ceil(12*mcList[i].scale/2)+8+'px';
141 | //aAs.filter="progid:DXImageTransform.Microsoft.Alpha(opacity="+100*mcList[i].alpha+")";
142 | aAs.filter = "alpha(opacity=" + 100 * mcList[i].alpha + ")";
143 | aAs.zIndex = mcList[i].zIndex;
144 | aAs.opacity = mcList[i].alpha;
145 | }
146 | }
147 | function sineCosine( a, b, c)
148 | {
149 | sa = Math.sin(a * dtr);
150 | ca = Math.cos(a * dtr);
151 | sb = Math.sin(b * dtr);
152 | cb = Math.cos(b * dtr);
153 | sc = Math.sin(c * dtr);
154 | cc = Math.cos(c * dtr);
155 | }
--------------------------------------------------------------------------------