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

在道里等地區(qū)，都構建了全面的區(qū)域性戰(zhàn)略布局，加強發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務理念，為客戶提供成都網(wǎng)站設計、成都做網(wǎng)站 網(wǎng)站設計制作按需定制開發(fā),公司網(wǎng)站建設,企業(yè)網(wǎng)站建設,品牌網(wǎng)站設計,成都全網(wǎng)營銷,成都外貿(mào)網(wǎng)站建設公司,道里網(wǎng)站建設費用合理。

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

此代碼優(yōu)點：

無需修改任何源文件

CSS+JS文件控制,簡單更容易!

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

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

HTML部分的代碼：

<div> 
<h3><span>熱門標簽 <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;}

使用說明

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

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

分享名稱：如何實現(xiàn)tags彩色詞顯示和刷新就變化效果
當前路徑：http://www.rwnh.cn/article40/jepdeo.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供做網(wǎng)站、、微信小程序、定制網(wǎng)站、外貿(mào)建站、自適應網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)