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

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

WBOY
풀어 주다: 2016-05-16 16:44:50
원래의
1063명이 탐색했습니다.

관련 옵션

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 태그:




원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿