几年前,在中经常出现一个Flash版的标签云 – wp-cumulus,我们都知道 Flash对资源的耗费很大, 今天我们介绍的这个3D旋转标签云完全使用JS代码编写,很小只有几K,加载很快。
具体效果请看下面的截图:
下面介绍一下实现方法:
1. 下载3D旋转标签云效果脚本
注:这个3D旋转标签云有两种效果的JS文件,可以都下载下来测试一下效果。
2. 切换到主题目录,打开 header.PHP文件,加载代码
Crayon-5c891d405299e222620572" class="Crayon-Syntax Crayon-theme-classic Crayon-font-monaco Crayon-os-pc print-yes notranslate" data-settings=" minimize scroll-mouSEOver" style=" margin-top: 12px; margin-bottom: 12px; font-size: 12px !important; line-height: 15px !important;">
Crayon-toolbar" data-settings=" mouSEOver overlay hide delay" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;">Crayon-title">
Crayon-tools" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;">Crayon-mixed-highlight" title="Contains Mixed Languages">
Crayon-button Crayon-nums-button" title="Toggle Line Numbers">
Crayon-button-icon">
Crayon-button Crayon-plain-button" title="Toggle Plain Code">
Crayon-button-icon">
Crayon-button Crayon-wrap-button" title="Toggle Line Wrap">
Crayon-button-icon">
Crayon-button Crayon-expand-button" title="Expand Code">
Crayon-button-icon">
Crayon-button Crayon-copy-button" title="Copy">
Crayon-button-icon">
Crayon-button Crayon-popup-button" title="Open Code In New Window">
Crayon-button-icon">
Crayon-info" style="min-height: 16.8px !important; line-height: 16.8px !important;">
Crayon-plain-wrap">
Crayon-main" style="">Crayon-table">
Crayon-nums " data-settings="show"> Crayon-nums-content" style="font-size: 12px !important; line-height: 15px !important;"> Crayon-num" data-line="Crayon-5c891d405299e222620572-1">1 | Crayon-code">
Crayon-nums " data-settings="show"> Crayon-nums-content" style="font-size: 12px !important; line-height: 15px !important;"> Crayon-num" data-line="Crayon-5c891d40529a8948539755-1">1 Crayon-num" data-line="Crayon-5c891d40529a8948539755-3">3 Crayon-num" data-line="Crayon-5c891d40529a8948539755-5">5 Crayon-num" data-line="Crayon-5c891d40529a8948539755-7">7 Crayon-num" data-line="Crayon-5c891d40529a8948539755-9">9 Crayon-num" data-line="Crayon-5c891d40529a8948539755-11">11 Crayon-num" data-line="Crayon-5c891d40529a8948539755-13">13 Crayon-num" data-line="Crayon-5c891d40529a8948539755-15">15 Crayon-num" data-line="Crayon-5c891d40529a8948539755-17">17 Crayon-num" data-line="Crayon-5c891d40529a8948539755-19">19 Crayon-num" data-line="Crayon-5c891d40529a8948539755-21">21 Crayon-num" data-line="Crayon-5c891d40529a8948539755-23">23 Crayon-num" data-line="Crayon-5c891d40529a8948539755-25">25 Crayon-num" data-line="Crayon-5c891d40529a8948539755-27">27 Crayon-num" data-line="Crayon-5c891d40529a8948539755-29">29 Crayon-num" data-line="Crayon-5c891d40529a8948539755-31">31 Crayon-num" data-line="Crayon-5c891d40529a8948539755-33">33 Crayon-num" data-line="Crayon-5c891d40529a8948539755-35">35 Crayon-num" data-line="Crayon-5c891d40529a8948539755-37">37 Crayon-num" data-line="Crayon-5c891d40529a8948539755-39">39 | Crayon-code">
Crayon-nums " data-settings="show"> | Crayon-code">