时间:2021-05-26
先来看一下效果
代码如下
<!DOCTYPE HTML><html><head><meta charset="UTF-8"><title>随机标签云</title><style type="text/css">*{ margin:0; padding:0}a{ text-decoration:none}#wrap{ width:400px; margin:auto}</style> <script type="text/javascript"> window.onload=function(){ var obox=document.getElementById("wrap"); var obj=obox.getElementsByTagName("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].className="color"+rand(5); obj[i].style.zIndex=rand(5); obj[i].style.fontSize=rand(12)+12+"px"; // obj[i].style.background="#"+randomcolor(); obj[i].style.color="#"+randomcolor(); obj[i].onmouseover=function(){ this.style.background="#"+randomcolor(); } obj[i].onmouseout=function(){ this.style.background="none"; } } } </script></head><body> <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></body></html>这个的算法较为简单(偶能看得懂 orz....),但也基本上实现了要求
以上就是本文的全部内容,了解更多JavaScript的语法,大家可以查看:《JavaScript 参考教程》、《JavaScript代码风格指南》,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
功能说明: 实现标签云的效果,包括标签有不同的颜色和字体大小等,颜色和字体大小都为随机显示,可改变代码来控制其范围。实现DeDeCms标签云的效果,包括标签有
本文实例为大家分享了javascript实现点击产生随机图形的具体代码,供大家参考,具体内容如下点击产生随机图形效果如下:用javascript来实现主要用ca
本文实例讲解了JavaScript实现彩票中随机数组的获取详细代码,分享给大家供大家参考,具体内容如下效果图:具体代码:Math.random方法彩票随机数的生
本文实例讲解了JavaScript实现彩票中随机数组的获取详细代码,分享给大家供大家参考,具体内容如下效果图:具体代码:Math.random方法彩票随机数的生
本文实例讲述了JavaScript数组随机排列实现随机洗牌功能的方法。分享给大家供大家参考。具体分析如下:这段JS代码可以对数组内的元素进行随机排列,这个非常有