JS方法实现WordPress旋转3D标签云

发布时间：2020-12-14 14:39:50 所属栏目：wordpress 来源：网络整理

导读：几年前，在中经常出现一个Flash版的标签云 wp-cumulus，我们都知道 Flash对资源的耗费很大，今天我们介绍的这个3D旋转标签云完全使用JS代码编写，很小只有几K，加载很快。具体效果请看下面的截图：下面介绍一下实现方法： 1. 下载3D旋转标签云效果脚本注

几年前，在中经常出现一个Flash版的标签云 – wp-cumulus，我们都知道 Flash对资源的耗费很大，今天我们介绍的这个3D旋转标签云完全使用JS代码编写，很小只有几K，加载很快。

具体效果请看下面的截图：

biaoqianyun

下面介绍一下实现方法：

1. 下载3D旋转标签云效果脚本
注：这个3D旋转标签云有两种效果的JS文件，可以都下载下来测试一下效果。

2. 切换到主题目录，打开 header.php文件，加载代码

/js/3d.js"

3. 将下面的样式添加到主题style.css的最后

4. 修改对应选择器名称
比较麻烦点的是，其中 #tag_cloud-2 需根据不同情况加以修改，比如查看标签云小工具的网页源代码显示的是：

标签

需要将 #tag_cloud-2 修改为 #tag_cloud-3，同时将3d.js中的 tag_cloud-2 也改为 tag_cloud-3 。

这个3D旋转标签云本身是支持低版本IE的，不过本例中配套的样式使用了CSS3特效，所以在低版本IE上标签背影色会不显示。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!