Home >Web Front-end >JS Tutorial >jquery 3D tag cloud sample code_jquery

jquery 3D tag cloud sample code_jquery

WBOY
WBOYOriginal
2016-05-16 16:44:501067browse

Related options

zoom: 90 Initial zoom degree
min_zoom: 25
max_zoom: 120
zoom_factor: 2 - The zoom speed of the mouse wheel
rotate_factor: -0.45 - When the mouse moves The amount of rotation of the sphere. Positive numbers will reverse the rotation
fps: 10 - Defines the number of animation updates per second
centrex: 250 - Horizontally rotates the center in the container div
centrey: 250 Vertically rotates the center in the 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 formats are: # 333 #0A0A0A and rgb(n,n,n)
background_colour: rgb(0,0,0) - cannot use color name

Javascript code:

Copy code The code is as follows:

$('.tags').tagcloud();

Demonstrating The code is as follows:
Copy code The code is as follows:

$(function(){
$('#ts1').tagcloud({centrex:250, centrey:250, init_motion_x:10, init_motion_y:10});
});

HTML tag:
Copy code The code is as follows:




Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn