Related options
Zoom:90 the initial zoom degree
Min_zoom:25
max_zoom:120
Zoom_factor:2-Mouse wheel zoom speed
Rotate_factor:-0.45-the number of spheres to rotate when the mouse moves. Positive numbers will rotate backwards
Fps:10-Defines the number of animation updates per second
CENTREX:250-Horizontal Rotation center in container div
centrey:250 Vertical Rotation Center in Container div
Min_font_size:12
Max_font_size:32
Font_units: ' px '
RANDOM_POINTS:50-Add some random points to the sphere to improve the effect
Foreground_colour: #fff-accepted Format: #333 #0A0A0A and RGB (N,N,N)
Background_colour:rgb (0,0,0)-Cannot use color names
JavaScript code:
Copy Code code as follows:
$ ('. tags '). Tagcloud ();
The code in the demo is as follows:
Copy Code code as follows:
$ (function () {
$ (' #ts1 '). Tagcloud ({centrex:250, centrey:250, Init_motion_x:10, init_motion_y:10});
});
HTML Tags:
Copy Code code as follows:
<div id= "Ts1" style= "width:500px; height:500px; Background-color: #000; " >
<ul>
<li><a href= "http://www.gbin1.com/technology/html" style= color: #f00; "Rel=" >html</a></li >
<li><a href= "Http://www.gbin1.com/technology/css" rel= ">CSS</a></li>"
<li><a href= "Http://www.gbin1.com/technology/javascript" rel= "ten" >Javascript</a></li>
<li><a href= "Http://www.gbin1.com/technology/jquery" rel= "5" >jQuery</a></li>
<li><a href= "Http://www.gbin1.com/technology/jquerynews" rel= "1" >jquery plugin</a></li>
<li><a href= "Http://www.gbin1.com/technology/jquerytutorial" rel= "5" >jquery tutorial</a></li >
<li><a href= "Http://www.gbin1.com/technology/jqueryhowto" rel= "ten" >jquery howto</a></li>
<li><a href= "Http://www.gbin1.com/technology/jqueryplugins" rel= ">jquery plugins</a></li" >
<li><a href= "http://www.gbin1.com/technology/jquerymobile" style= "color: #f00" rel= "" >jquery Mobile </a></li>
<li><a href= "http://www.gbin1.com/technology/javautilities" rel= ">java</a></li>"
<li><a href= "Http://www.gbin1.com/technology/seo" rel= "ten" >SEO</a></li>
<li><a href= "Http://www.gbin1.com/technology/onlinequiz" rel= "5" >Quiz</a></li>
<li><a href= "Http://www.gbin1.com/internet/news" rel= "1" >News</a></li>
<li><a href= "Http://www.gbin1.com/internet/people" rel= "5" >People</a></li>
<li><a href= "Http://www.gbin1.com/internet/mobile" rel= "ten" >Mobile</a></li>
<li><a href= "Http://www.gbin1.com/tools/photoshop" rel= ">Photoshop</a></li>"
<li><a href= "http://www.gbin1.com/tools/design" style= "Color: #f00" "Rel=" >design</a></li >
</ul>
</div>
