Tag ball-Js plugin, tag-js plugin
Today, I went to the school library and saw a fun thing. I tried Baidu and found it called the "tag ball", which is:
The direct code is as follows:
#div1 {position:relative; width:350px; height:350px; border:1px solid #000; margin: 20px auto 0; }#div1 a {position:absolute; top:0px; left:0px; font-family: Microsoft YaHei; color:#000; font-weight:bold; text-decoration:none; padding: 3px 6px; }#div1 a:hover {border: 1px solid #eee; background: #FFF; }#div1 .blue {color:blue;}#div1 .red {color:red;}#div1 .green {color:green;}
<Div id = "div1"> <a href = "#"> tag cloud </a> <a href = "#" class = "red"> PHP </a> <a href = "#"> waterfall stream </a> <a href = "#"> Tab </a> <a href = "#" class = "blue"> fluid layout </a> <a href = "#"> SEO </a> <a href = "#" class = "red"> egg </a> <a href = "#" class = "green"> JavaScript </a> <a href = "#"> miaov </a> <a href = "#" class = "red"> CSS </a> <a href = "#"> asp.net </a> <a href = "#" class = "blue"> blue classic </a>
$(document).ready(function() { $("#div1").windstagball({ radius:120, speed:10 }); });
Demo: http://www.miaov.com/miaov_demo/3dLable/miaov_demo.html