100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > jQuery实现彩色云标签

jQuery实现彩色云标签

时间:2020-08-10 07:39:40

相关推荐

jQuery实现彩色云标签

一、JS Code:

<scripttype="text/javascript">

$(function(){

randomCloudLabel();

});

functionrandomCloudLabel(){

varobj=$("#CloudLabela");

functionrand(num){

returnparseInt(Math.random()*num+1);

}

functionrandomcolor(){

varstr=Math.ceil(Math.random()*16777215).toString(16);

if(str.length<6){

str="0"+str;

}

returnstr;

}

for(len=obj.length,i=len;i--;){

obj[i].style.left=rand(600)+"px";

obj[i].style.top=rand(400)+"px";

obj[i].className="color"+rand(5);

obj[i].style.zIndex=rand(5);

obj[i].style.fontSize=rand(50)+12+"px";

obj[i].style.color="#"+randomcolor();

}

}

</script>

二、Html Code

<divid="CloudLabel">

<ahref="#">web标准学习</a><ahref="#">css</a><ahref="#">javascript</a><ahref="#">html5</a>

<ahref="#">canvas</a><ahref="#">video</a><ahref="#">audio</a><ahref="#">jQuery</a>

<ahref="#">jQuerymobile</a><ahref="#">flash</a><ahref="#">firefox</a><ahref="#">chrome</a>

<ahref="#">opera</a><ahref="#">IE9</a><ahref="#">css3.0</a><ahref="#">andriod</a>

<ahref="#">apple</a><ahref="#">google</a><ahref="#">jobs</a>

</div>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。