Посмотрим на эффект сначала
Код выглядит следующим образом
<! Doctype html> <html> <head> <meta charset = "utf-8"> <title> random Tag cloud </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"); // случайный метод функция 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 = "wrap"> <a href = "#"> Web Standard Learning </a> <a href = "#"> css </a> <a href = "#"> javaScript </a> <a href = "#"> html5 </a> <a href = "#> href ="#"> html5 </a>. href = "#"> Видео </a> <a href = "#"> audio </a> <a href = "#"> jQuery </a> <a href = "#"> jQuery </a> <a href = "#"> jQueryMobile </a> <a href = "#"> flash </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 = "##>"####Apple <a> href = "#"> href = "#"> Google </a> <a href = "#"> jobs </a> </div> </body> </html>Этот алгоритм относительно прост (я могу понять орз ...), но в основном он реализует требования
Вышеуказанное - все содержание этой статьи. Для получения дополнительной информации о JavaScript вы можете проверить: «Справочный учебник JavaScript» и «Руководство по стилю кода JavaScript». Я также надеюсь, что все будут поддерживать Wulin.com больше.