随机标签云

Posted 2021-02-04 wszxx

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();

}

--写于一个加班的周末