ホームページ >ウェブフロントエンド >jsチュートリアル >jquery 3D タグクラウドのサンプルコード_jquery

jquery 3D タグクラウドのサンプルコード_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 - 1 秒あたりのアニメーション更新数を定義します
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, centrey:250, init_motion_x:10, init_motion_y:10});

HTML タグ:

コードをコピー コードは次のとおりです: