js实现标签随机颜色

文章摘要:在做tag标签云的时候会用到不同颜色显示,怎么用js实现标签随机颜色呢?模板社教大家一种好的js方法:

在做tag标签云的时候会用到不同颜色显示,怎么用js实现标签随机颜色呢?

js实现标签随机颜色

模板社教大家一种好的js方法:

代码如下:

  1. <script type="text/javascript">
  2. $(function () {
  3. var obox=document.getElementById("tags");
  4. var obj=obox.getElementsByTagName("a");
  5. //随机方法
  6. function rand(num){
  7. return parseInt(Math.random()*num+1);
  8. }
  9. //随机颜色值
  10. function randomcolor(){
  11. var str=Math.ceil(Math.random()*16777215).toString(16);
  12. if(str.length<6){
  13.  str="0"+str;
  14. }
  15. return str;
  16. }
  17. //循环
  18. for( len=obj.length,i=len;i--;){
  19. obj[i].className="color"+rand(5);
  20. obj[i].style.fontSize=rand(12)+12+"px";
  21. // obj[i].style.background="#"+randomcolor();
  22. obj[i].style.color="#"+randomcolor();
  23. obj[i].onmouseover=function(){
  24. this.style.background="#"+randomcolor();
  25. }
  26. obj[i].onmouseout=function(){
  27. this.style.background="none";
  28. }
  29. }
  30. });
  31. </script>
  • 版权声明:本站原创文章,于2020-04-27 21:41,由 发表。
  • 转载请注明出处