如何實(shí)現(xiàn)tags彩色詞顯示和刷新就變化效果

這篇文章主要為大家展示了“如何實(shí)現(xiàn)tags彩色詞顯示和刷新就變化效果”，內(nèi)容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“如何實(shí)現(xiàn)tags彩色詞顯示和刷新就變化效果”這篇文章吧。

tags調(diào)用詞語，DEDECMS調(diào)用顯示的tags標(biāo)簽詞，刷新一次變換一次實(shí)現(xiàn)方法CSS+JS文件控制,簡(jiǎn)單更容易! ◎ 隨心所欲,想變多少顏色就變多少顏色。

此代碼優(yōu)點(diǎn)：

無需修改任何源文件

CSS+JS文件控制,簡(jiǎn)單更容易!

隨心所欲,想變多少顏色就變多少顏色。

網(wǎng)頁部分的代碼如下：

HTML部分的代碼：

<div> 
<h3><span>熱門標(biāo)簽 <img src="images_ex/image_v1/ico_arrow_black.gif" [/color][/b] 
[b][color=#ff0000]/></span></h3> 
<ul>{dede:loop table='dede_search_keywords' sort='keyword' row='40' if=''} 
<li><a class="tag" href="plus/search.php?keyword=[field:keyword/]"> [field:keyword/]</a></li> 
{/dede:loop}</ul> 
</div> 
<script language="javascript"> 
<!-- 
var tag_a=document.getElementsByTagName("a"); 
for( i in tag_a){ 
var offset=6; 
var num=4; 
if(tag_a[i].className=="tag"){ 
var rnd=Math.ceil((num+offset)*Math.random()); 
if(rnd>offset){ 
tag_a[i].className="tag"+(rnd-offset); 
} 
} 
} 
//--> 
</script> 
</div>

CSS代碼：

.tag1 { color:#339900;font-weight:bold;} 
.tag2 { color:#e65730;} 
.tag3 { color:#00b9da;} 
.tag4 { color:#FE3981;font-weight:bold;font-size:14px;}

使用說明

此彩色關(guān)鍵字代碼中有4種顏色的變化,如果想增加更多顏色變化, 
只需要修改var num=4;和css部分增加.tag 
例如：var num=5; css里增加.tag5{ color:#00b9da;} ,當(dāng)然,自己也可以修改相應(yīng)css，改變字體的顏色，大小，字體...等等，自由發(fā)揮吧！

以上是“如何實(shí)現(xiàn)tags彩色詞顯示和刷新就變化效果”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！