>웹 프론트엔드 >JS 튜토리얼 >jquery 3D 태그 클라우드 샘플 code_jquery

jquery 3D 태그 클라우드 샘플 code_jquery

WBOY
WBOY원래의
2016-05-16 16:44:501051검색

관련 옵션

zoom: 90 초기 확대/축소 정도
min_zoom: 25
max_zoom: 120
zoom_factor: 2 - 마우스 휠의 확대/축소 속도
rotate_factor: -0.45 - 마우스 이동 구의 회전 정도입니다. 양수는 회전을 반전시킵니다.
fps: 10 - 초당 애니메이션 업데이트 수를 정의합니다.
centrex: 250 - 컨테이너 div의 중심을 수평으로 회전합니다.
centrey: 250 컨테이너 div의 중심을 수직으로 회전합니다.
min_font_size: 12
max_font_size: 32
font_units: 'px'
random_points: 50 - 효과를 향상하려면 구에 임의의 점을 추가하세요.
foreground_colour: #fff - 허용되는 형식은 다음과 같습니다. # 333 #0A0A0A 및 rgb(n,n,n)
background_colour: rgb(0,0,0) - 색상 이름을 사용할 수 없습니다.

Javascript 코드:

코드 복사 코드는 다음과 같습니다.

$('.tags').tagcloud()

시연 코드는 다음과 같습니다.
코드 복사 코드는 다음과 같습니다.

$(function(){
$('#ts1').tagcloud({centrex:250, centery:250, init_motion_x:10, init_motion_y:10});
});
HTML 태그: