효과를 먼저 보자
코드는 다음과 같습니다
<! doctype html> <html> <head> <meta charset = "utf-8"> <title> 랜덤 태그 클라우드 </title> <스타일 유형 = "text/css">*{margin : 0; 패딩 : 0} a {text-decoration : none} #wrap {너비 : 400px; 마진 : auto} </style> <script type = "text/javaScript"> wind var obj = obox.getElementsByTagName ( "a"); // 랜덤 메소드 함수 rand (num) {return parseint (math.random ()*num+1); } // 랜덤 색상 값 함수 randomcolor () {var str = math.ceil (math.random ()*16777215) .tostring (16); if (str.length <6) {str = "0"+str; } return str; } // (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 = "랩"> <a href = "#"> 웹 표준 학습 </a> <a href = "#"> css </a> <a href = "#"> javaScript </a> <a href = "#"> html5 </a> href = "#"> video </a> <a href = "#"> 오디오 </a> <a href = "#"> jQuery </a> <a href = "#"> jQuery </a> <a href = "#"> jQueryMobile </a> <a href = "#"</a> href = "#"> chrome </a> <a href = "#"> opera </a> <a href = "#"> ie9 </a> <a href = "#"> css3.0 </a> <a href = "#"> andriod </a> <a href = "#"<a href = "#"#"#"aple </a> href = "#"> href = "#"> Google </a> <a href = "#"> Jobs </a> </div> </body> </html>이 알고리즘은 비교적 간단합니다 (오르츠를 이해할 수 있습니다 ...) 기본적으로 요구 사항을 구현합니다.
위는이 기사의 전체 내용입니다. JavaScript에 대한 자세한 내용은 "JavaScript 참조 자습서"및 "JavaScript Code Style Guide"를 확인하십시오. 또한 모두가 wulin.com을 더 지원하기를 바랍니다.