มาดูเอฟเฟกต์ก่อน
รหัสมีดังนี้
<! doctype html> <html> <head> <meta charset = "utf-8"> <title> แท็กสุ่มแท็กคลาวด์ </title> <style type = "text/css">*{margin: 0; Padding: 0} a {การกำหนดข้อความ: ไม่มี} #wrap {width: 400px; ระยะขอบ: 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); } // ฟังก์ชั่นค่าสีแบบสุ่มแบบสุ่ม () {var str = math.ceil (math.random ()*16777215) .toString (16); if (str.length <6) {str = "0"+str; } return str; } // loop สำหรับ (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 = "#"+aplomColor (); } obj [i] .onmouseout = function () {this.style.background = "ไม่มี"; }}} </script> </head> <body> <div id = "wrap"> <a href = "#"> การเรียนรู้มาตรฐานเว็บ </a> <a href = "#"> css </a> <a href = "#"> JavaScript </a> <a href = "#" href = "#"> วิดีโอ </a> <a href = "#"> เสียง </a> <a href = "#"> jQuery </a> <a href = "#"> jQuery </a> <a href = "#"> jQueryMobile </a> href = "#"> chrome </a> <a href = "#"> opera </a> <a href = "#"> ie9 </a> <a href = "#"> css3.0 </a> <a href = "#" href = "#"> href = "#"> google </a> <a href = "#"> งาน </a> </div> </body> </html>อัลกอริทึมนี้ค่อนข้างง่าย (ฉันเข้าใจ Orz ... ) แต่โดยทั่วไปแล้วมันใช้ข้อกำหนด
ข้างต้นเป็นเนื้อหาทั้งหมดของบทความนี้ สำหรับข้อมูลเพิ่มเติมเกี่ยวกับ JavaScript คุณสามารถตรวจสอบ: "คำแนะนำอ้างอิง JavaScript" และ "คู่มือสไตล์รหัส JavaScript" ฉันหวังว่าทุกคนจะสนับสนุน wulin.com มากขึ้น