jQuery简单实现彩色云标签效果示例
本文实例讲述了jQuery简单实现彩色云标签效果的方法。分享给大家供大家参考，具体如下：
一、JSCode：
<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>
二、HtmlCode：
<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>
更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery常用插件及用法总结》、《jQuery常见经典特效汇总》、《jQueryform操作技巧汇总》、《jQuery操作json数据技巧汇总》、《jQuery扩展技巧总结》、《jQuery拖拽特效与技巧总结》、《jQuery表格(table)操作技巧汇总》、《jquery中Ajax用法总结》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。