剛才看了篇園友關于如何自定義標簽云的文章，心癢癢自己也想弄一個，其實原理非常簡單，就是動態load標簽頁里的標簽，按需要的格式重新動態生成DOM結構，再通過第三方的js插件(他們用的是Google Visualization API Gallery中的TermCloud)將特定的DOM轉換成標簽云的效果就OK了！所以最有技術含量的地方還在第三方的js插件里，正好我不久前剛玩過一款很牛叉的3D效果的標簽云jQuery插件，掛到自己的博客里試了下效果（效果就是現在我博客左邊的隨筆分類的樣子），還不錯，就是有點耗性能！我博客上不想掛標簽云了，就搞了這個隨筆分類云,喜歡的朋友拿去玩玩吧。結合前面自定義標簽云那篇文章，同樣很容易做出3D效果的標簽云。

我的例子使用方法如下：

在 [后臺管理]>[設置]>[頁腳Html代碼] 里插入下面代碼即可：

<script src="http://files.cnblogs.com/justinw/jquery.engine3D.js" type="text/javascript" charset="utf-8"></script> <script src="http://files.cnblogs.com/justinw/jquery.particlePhysics.js" type="text/javascript" charset="utf-8"></script> <script src="http://files.cnblogs.com/justinw/jquery.starfieldTagCloud.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript">jQuery(document).ready(function() {//注意：這里是用的隨筆分類做例子，你自己可以根據你自己情況任意設定。$(".catListPostCategory>ul").wrap("<div class='wrap' ></div>").parent().css({ 'width': '245px', 'height': '496px' });var options = { "range": [-200, 300], "gravity": -10, "xPos": 0.5, "yPos": 0.5, "gravityVector": [0, 0, 1], "interval": 100, "hoverGravityFactor": 0 };jQuery("div.wrap").starfieldTagCloud(options); }); </script>

這里再隆重推薦一下這款牛叉的3D效果的標簽云插件：Starfield Tag Cloud

?

我博客上不想掛標簽云，就搞了一個隨筆分類云，

總結

以上是生活随笔為你收集整理的[jQuery]3D效果的标签云的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。