دعونا نرى التأثير أولاً
الرمز كما يلي
<! 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 ؛ الهامش: Auto} </style> <script type = "text/javaScript"> window.onload = function () {var obox = document.getElementById ("wall") ؛ var obj = obox.getElementSbyTagName ("a") ؛ // method method function rand (num) {return parseint (math.random ()*num+1) ؛ }. if (str.length <6) {str = "0"+str ؛ } إرجاع str ؛ } // loop 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 = "wall"> <a href = "#"> التعلم القياسي على الويب </a> <a href = "#" href = "#"> video </a> <a href = "#"> الصوت </a> <a href = "#"> jQuery </a> <a href = "#"> jQuery </a> <a href = "#" href = "#"> chrome </a> <a href = "#"> opera </a> <a href = "#"> ie9 </a> <a href = "#"> css3. href = "#"> href = "#"> Google </a> <a href = "#"هذه الخوارزمية بسيطة نسبيًا (يمكنني فهم Orz ...) ، لكنها تنفذ المتطلبات بشكل أساسي
ما سبق هو المحتوى الكامل لهذه المقالة. لمزيد من المعلومات حول JavaScript ، يمكنك التحقق من: "دليل JavaScript Reference Tutorial" و "JavaScript Code Style". آمل أيضًا أن يدعم الجميع wulin.com أكثر.