三零网 www.q3060.com -- 技术、分享、进步
当前位置:首页 > 网络编程 > JavaScript > jquery 标签云(颜色 大小随机)实例

jquery 标签云(颜色 大小随机)实例

投稿:mxiafen4p  发布时间:2017-03-20  【手机版】  人气:

为大家带来一篇文章 jquery标签云(颜色 大小随机)实例。希望对您的学习有帮助,具体参考描述如下:

<script type="text/javascript">
	$(function(){
	var obj=$("#wrap a");
	function rand(num){
	return parseInt(Math.random()*num+1);
	}
	function randomcolor(){
	var str=Math.ceil(Math.random()*16777215).toString(16);   
	if(str.length<6){   
	 str="0"+str;   
	}   
	return str;
	}
	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(12)+12+"px";   
	obj[i].style.color="#"+randomcolor();
	}  
	})
</script>
<div id="wrap"> <a href="#">web标准学习</a><a href="#">css</a> <a href="#">javascript</a><a href="#">html5</a> <a href="#">canvas</a><a href="#">video</a> <a href="#">audio</a><a href="#">jQuery</a> <a href="#">jQuerymobile</a><a href="#">flash</a> <a href="#">firefox</a><a href="#">chrome</a> <a href="#">opera</a><a href="#">IE9</a> <a href="#">css3.0</a><a href="#">andriod</a> <a href="#">apple</a><a href="#">google</a><a href="#">jobs</a> </div>

注:上面主要通过实例介绍了jquery标签云(颜色 大小随机)实例 ,希望可以帮到你,感谢你的阅读。

●【往下看,下一页更精彩】●
1  2  下一页 
延伸阅读:
·jQuery 随机颜色标签云的方法
·jQuery支持F5随机刷新的多彩标签云代码
  
温馨提示:以上内容整理于网络,仅供参考,如果对您有帮助,请收藏本网站!
三零网 | 网站地图| 最近更新 | 关于我们 | 联系方式 | |

Copyright © 2012-2020,Q3060.COM All Rights Reserved.