あなたの多くは
ワードプレスプラグインを見たことがあると思い
ます 。 かわいいボールが私の注目を集め、私はそれを選びたかった...
失望には限界がありませんでした-彼はフラッシュになりました（私はフラッシュに対して何もありません）。 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で書く機会がありません。