Jquery 3D tag cloud sample code

Related options

Zoom: 90 initial Scaling
Min_zoom: 25
Max_zoom: 120
Zoom_factor: 2-zoom speed of the scroll wheel
Rotate_factor:-0.45-Number of Sphere rotations when the mouse moves. Positive will be rotated in reverse order
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 random point to sphere to improve the effect
Foreground_colour: # fff-accepted formats: #333 # 0A0A0A and rgb (n, n, n)
Background_colour: rgb (, 0)-color names cannot be used

Javascript code:
Copy codeThe Code is as follows:
$ ('. Tags'). tagcloud ();

The code in the demo is as follows:
Copy codeThe Code is as follows:
$ (Function (){
$ ('# Ts1'). tagcloud ({centrex: 250, centrey: 250, init_motion_x: 10, init_motion_y: 10 });
});

HTML Tag:
Copy codeThe Code is 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 = "20"> HTML </a> </li>
<Li> <a href = "http://www.gbin1.com/technology/css" rel = "15"> CSS </a> </li>
<Li> <a href = "http://www.gbin1.com/technology/javascript" rel = "10"> 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 = "10"> jQuery howto </a> </li>
<Li> <a href = "http://www.gbin1.com/technology/jqueryplugins" rel = "15"> jQuery plugins </a> </li>
<Li> <a href = "http://www.gbin1.com/technology/jquerymobile" style = "color: # f00" rel = "20"> jQuery mobile </a> </li>
<Li> <a href = "http://www.gbin1.com/technology/javautilities" rel = "15"> java </a> </li>
<Li> <a href = "http://www.gbin1.com/technology/seo" rel = "10"> 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 = "10"> Mobile </a> </li>
<Li> <a href = "http://www.gbin1.com/tools/photoshop" rel = "15"> Photoshop </a> </li>
<Li> <a href = "http://www.gbin1.com/tools/design" style = "color: # f00" rel = "20"> Design </a> </li>
</Ul>
</Div>