TagSphereプラグイン

あなたの多くはワードプレスプラグインを見たことがあると思います 。 かわいいボールが私の注目を集め、私はそれを選びたかった...

失望には限界がありませんでした-彼はフラッシュになりました（私はフラッシュに対して何もありません）。 OK

私はもはやこれに我慢したくなく、同じことをjavascriptで書くことにしました。 私はjQueryでの作業に慣れているため、 jQueryをプラグインとして作成することにしました。

せっかちな人には：

• プラグイン
• 例

残りについては、使用方法について少し説明します。

タグのリストは、この形式でここに表示されます。

< div id ="tagShpere" > <br> < ul > <br> < li >< a href ="#" > tag0 </ a ></ li > <br> < li >< a href ="#" > tag1 </ a ></ li > <br> ****<br> < li >< a href ="#" > tagN </ a ></ li > <br> </ ul > <br> </ div > <br><br> * This source code was highlighted with Source Code Highlighter .

球体を作成するには、コンテナでtagSphereメソッドを呼び出します

$( '#tagSphere' ).tagSphere();



* This source code was highlighted with Source Code Highlighter .

それが私たちが楽しんでいるすべてです。



さらにいくつかのオプションがあります。

{<br> // <br> height: 400,<br> // <br> width: 400,<br> // <br> radius: 150,<br> // <br> speed: 3,<br> // , <br> slower: 0.9,<br> // <br> timer: 5,<br> // Z <br> fontMultiplier: 15,<br> //css onMouseOver <br> tagCSSOver: {<br> border: 'solid 1px blue' ,<br> color: 'blue' <br> },<br> //css onMouseOut <br> tagCSSOut: {<br> border: '' ,<br> color: '' <br> }<br>} <br><br> * This source code was highlighted with Source Code Highlighter .

CSSの残りはカスタマイズ可能です

合計：

長所

• 使いやすさ
• 小さいサイズ-5kbの非圧縮コード+ jQuery
• 通常のリンクの索引付け

短所

• 悪くない負荷率
• IEの不透明度の問題
• フォントサイズが離散的に変化する

PS

短所を克服する方法について何かアイデアがあれば、書いてください、私はうれしいです。 彼らはそのような例を打ち負かさないでしょうか？ :)

PPS

この記事は私が書いたものではなく、著者はHabrで書く機会がありません。