隨機標簽雲
阿新 • • 發佈:2019-01-19
size all cti func random 標簽雲 str 美白 ret html:
<div class="hot-tag">
<h2>熱門標簽</h2>
<ul class="wrap-tag">
<a href="#">美白</a>
<a href="#">易制毒</a>
<a href="#">有機膠粘劑</a>
<a href="#">健康</a>
<a href="#">消化類系統</a>
<a href="#">貴金屬催化劑</a>
<a href="#">抗腫瘤</a>
<a href="#">健康</a>
<a href="#">無機鹽</a>
<a href="#">貴金屬催化劑</a>
<a href="#">抗腫瘤</a>
<a href="#">增白劑</a>
</ul>
</div>
js:
//隨機方法
function rand(num){
return parseInt(Math.random()*num);
}
//隨機顏色
function randomcolor(){
var colorAll=[‘f44336‘,‘ffab00‘,‘11c9c5‘,‘8fc31f‘,‘31afe9‘,‘b5a1eb‘,‘659fee‘,‘75ce49‘,‘ff5252‘,‘ff6d00‘,‘7c87c9‘]//隨機顏色的取值範圍
var str=rand(11)
return colorAll[str];
}
var obox=$(".wrap-tag");
var obj=$(".wrap-tag a");
for( len=obj.length,i=len;i--;){
obj[i].className="color"+rand(5);
obj[i].style.fontSize=rand(6)+12+"px";
obj[i].style.color="#"+randomcolor();
}
--寫於一個加班的周末
隨機標簽雲