dedecms標簽云效果之二

2024-04-25 20:48:22

字體：大中小

來源：轉載

供稿：網友

之前論壇有人發過這個教程，現在我把改良美化過后的代碼發出來。

使用方法：
index.html 模板例如 <div class="pright"> 后面加入 (位置隨你)

復制代碼

<div id="tagCloud" class="hot mt1">
<dl class="tbox light">
<dt class=’light’><strong>熱點標簽Tags</strong></dt>
<dd class=’light’>
{dede:tag sort=’rand’ row=’40′ getall=’1′}<a href=’[field:link/]‘>[field:tag /]</a>{/dede:tag}
</dd>
</dl>
</div>

css

復制代碼

js代碼（2個js代碼一樣，任選一個，第一個為壓縮過的，可以提升頁面加載速度,第二個為普通未壓縮），建議放到模板最后

復制代碼

<script language="javascript" type="text/javascript">
eval(function(p, a, c, k, e, d) { e = function(c) { return (c < a ? ” : e(parseInt(c / a))) + ((c = c % a) > 35 ? String.fromCharCode(c + 29) : c.toString(36)) }; if (!”.replace(/^/, String)) { while (c–) { d[e(c)] = k[c] || e(c) } k = [function(e) { return d[e] } ]; e = function() { return ‘/w+’ }; c = 1 }; while (c–) { if (k[c]) { p = p.replace(new RegExp(‘/b’ + e(c) + ‘/b’, ‘g’), k[c]) } } return p } (‘G d(){1 4=9 b("E","K","x","w","v","y","u");1 5=9 b("B","A","C","n","p","o","t");1 6=9 b("r","z","S","N","M","O","D");1 k=4.3;1 l=5.3;1 m=6.3;1 8=h.P("8");1 7=8.Q("a");1 j=7.3;F(i=0;i<j;i++){7[i].H=4[2.c(k*2.e())]+" "+5[2.c(l*2.e())]+" "+6[2.c(m*2.e())]}}J(h.g){f.g(‘R’,d,s)}q{f.I(‘L’,d)}’, 55, 55, ‘|var|Math|length|colors|sizes|weights|tagLinks|tagCloud|new||Array|floor|setTagCloudStyle|random|window|addEventListener|document||tagLinksLen|colorsLen|sizesLen|weightsLen|size3|size5|size4|else|weight0|false|size6|color6|color4|color3|color2|color5|weight1|size1|size0|size2|weight6|color0|for|function|className|attachEvent|if|color1|onload|weight4|weight3|weight5|getElementById|getElementsByTagName|load|weight2′.split(‘|’), 0, {}))
</script>

復制代碼

function setTagCloudStyle() {
var colors = new Array("color0", "color1", "color2", "color3", "color4", "color5", "color6");
var sizes = new Array("size0", "size1", "size2", "size3", "size4", "size5", "size6");
var weights = new Array("weight0", "weight1", "weight2", "weight3", "weight4", "weight5", "weight6");
var colorsLen = colors.length;
var sizesLen = sizes.length;
var weightsLen = weights.length;
var tagCloud = document.getElementById("tagCloud");
var tagLinks = tagCloud.getElementsByTagName("a");
var tagLinksLen = tagLinks.length;
for (i = 0; i < tagLinksLen; i++) {
tagLinks[i].className = colors[Math.floor(colorsLen * Math.random())] + " " + sizes[Math.floor(sizesLen * Math.random())] + " " + weights[Math.floor(weightsLen * Math.random())]
}
}
if (document.addEventListener) {
window.addEventListener(‘load’, setTagCloudStyle, false)
} else {
window.attachEvent(‘onload’, setTagCloudStyle)
}