{"id":3714,"date":"2025-06-13T06:00:51","date_gmt":"2025-06-12T22:00:51","guid":{"rendered":"https:\/\/www.wunen.com\/index.php\/2025\/06\/13\/js-%e5%b0%84%e5%87%bb%e6%b8%b8%e6%88%8f-2\/"},"modified":"2025-06-13T06:00:51","modified_gmt":"2025-06-12T22:00:51","slug":"js-%e5%b0%84%e5%87%bb%e6%b8%b8%e6%88%8f-2","status":"publish","type":"post","link":"http:\/\/www.wunen.com\/index.php\/2025\/06\/13\/js-%e5%b0%84%e5%87%bb%e6%b8%b8%e6%88%8f-2\/","title":{"rendered":"JS \u5c04\u51fb\u6e38\u620f"},"content":{"rendered":"<div class=\"article_content clearfix\" id=\"article_content\">\n <link href=\"https:\/\/csdnimg.cn\/release\/blogv2\/dist\/mdeditor\/css\/editerView\/kdoc_html_views-1a98987dfd.css\" rel=\"stylesheet\"\/>\n <link href=\"https:\/\/csdnimg.cn\/release\/blogv2\/dist\/mdeditor\/css\/editerView\/ck_htmledit_views-704d5b9767.css\" rel=\"stylesheet\"\/>\n<div class=\"htmledit_views atom-one-dark\" id=\"content_views\">\n<div class=\"blogpost-body\" id=\"cnblogs_post_body\">\n<p>\n    Js \u7684\u5c04\u51fb\u5c0f\u6e38\u620f\n   <\/p>\n<p>\n    \u73a9\u6cd5\u6309\u4e0b\u6c42 \u6280\u80fd\u51c6\u5907 \u70b9\u51fb\u5de6\u952e\u5c04\u51fb\uff0c\u5c04\u51fb\u5230\u540e\u9762\u7684\u7403\u5f97\u5206\n   <\/p>\n<p>\n    \u4ee3\u7801\u5982\u4e0b\uff1a\u76f4\u63a5\u7c98\u5230html\u6587\u4ef6\u4e2d\u5373\u53ef\u7545\u73a9\uff1a\n   <\/p>\n<\/p>\n<p>\n    &lt;!DOCTYPE html&gt;\n   <\/p>\n<\/p>\n<p>\n    &lt;html lang=&#8221;en&#8221; xmlns=&#8221;http:\/\/www.w3.org\/1999\/xhtml&#8221;&gt;\n   <\/p>\n<p>\n    &lt;head&gt;\n   <\/p>\n<p>\n    &lt;meta charset=&#8221;utf-8&#8243; \/&gt;\n   <\/p>\n<p>\n    &lt;title&gt;&lt;\/title&gt;\n   <\/p>\n<p>\n    &lt;style&gt;\n   <\/p>\n<p>\n    * {<br \/>\n    <!-- -->\n   <\/p>\n<p>\n    margin: 0px;\n   <\/p>\n<p>\n    padding: 0px;\n   <\/p>\n<p>\n    }\n   <\/p>\n<\/p>\n<p>\n    .b {<br \/>\n    <!-- -->\n   <\/p>\n<p>\n    position: absolute;\n   <\/p>\n<p>\n    top: 0px;\n   <\/p>\n<p>\n    left: 300px;\n   <\/p>\n<p>\n    width: 15px;\n   <\/p>\n<p>\n    height: 15px;\n   <\/p>\n<p>\n    border: 1px solid yellow;\n   <\/p>\n<p>\n    -webkit-border-radius: 15px;\n   <\/p>\n<p>\n    -moz-border-radius: 15px;\n   <\/p>\n<p>\n    background-color: red;\n   <\/p>\n<p>\n    }\n   <\/p>\n<\/p>\n<p>\n    .y {<br \/>\n    <!-- -->\n   <\/p>\n<p>\n    position: absolute;\n   <\/p>\n<p>\n    top: 0px;\n   <\/p>\n<p>\n    left: 150px;\n   <\/p>\n<p>\n    width: 15px;\n   <\/p>\n<p>\n    height: 15px;\n   <\/p>\n<p>\n    border: 1px solid yellow;\n   <\/p>\n<p>\n    -webkit-border-radius: 15px;\n   <\/p>\n<p>\n    -moz-border-radius: 15px;\n   <\/p>\n<p>\n    background-color: green;\n   <\/p>\n<p>\n    }\n   <\/p>\n<\/p>\n<p>\n    #Img {<br \/>\n    <!-- -->\n   <\/p>\n<p>\n    display: none;\n   <\/p>\n<p>\n    position: absolute;\n   <\/p>\n<p>\n    top: 0px;\n   <\/p>\n<p>\n    left: 0px;\n   <\/p>\n<p>\n    width: 10px;\n   <\/p>\n<p>\n    height: 10px;\n   <\/p>\n<p>\n    border: 1px solid yellow;\n   <\/p>\n<p>\n    -webkit-border-radius: 15px;\n   <\/p>\n<p>\n    -moz-border-radius: 15px;\n   <\/p>\n<p>\n    text-align: center;\n   <\/p>\n<p>\n    }\n   <\/p>\n<\/p>\n<p>\n    .q {<br \/>\n    <!-- -->\n   <\/p>\n<p>\n    position: absolute;\n   <\/p>\n<p>\n    top: 0px;\n   <\/p>\n<p>\n    left: 0px;\n   <\/p>\n<p>\n    width: 15px;\n   <\/p>\n<p>\n    height: 15px;\n   <\/p>\n<p>\n    border: 1px solid yellow;\n   <\/p>\n<p>\n    background-size: 100% auto;\n   <\/p>\n<p>\n    background-repeat: no-repeat;\n   <\/p>\n<p>\n    background-image: url(https:\/\/thumbnail0.baidupcs.com\/thumbnail\/515adce0c31d707acd055666cf0ee0de?fid=372067725-250528-265770217030144&amp;time=1507017600&amp;rt=sh&amp;sign=FDTAER-DCb740ccc5511e5e8fedcff06b081203-8BQFEfnNZRwvmEmBF1OUMXE4Q9Q%3D&amp;expires=8h&amp;chkv=0&amp;chkbd=0&amp;chkpc=&amp;dp-logid=6394348028093904219&amp;dp-callid=0&amp;size=c710_u400&amp;quality=100&amp;vuk=-&amp;ft=video);\n   <\/p>\n<p>\n    -webkit-border-radius: 15px;\n   <\/p>\n<p>\n    -moz-border-radius: 15px;\n   <\/p>\n<p>\n    text-align: center;\n   <\/p>\n<p>\n    }\n   <\/p>\n<\/p>\n<p>\n    #xz {<br \/>\n    <!-- -->\n   <\/p>\n<p>\n    position: absolute;\n   <\/p>\n<p>\n    top: 495px;\n   <\/p>\n<p>\n    left: 1107px;\n   <\/p>\n<p>\n    width: 70px;\n   <\/p>\n<p>\n    }\n   <\/p>\n<\/p>\n<p>\n    #Main {<br \/>\n    <!-- -->\n   <\/p>\n<p>\n    background-color: #F60;\n   <\/p>\n<p>\n    width: 1177px;\n   <\/p>\n<p>\n    height: 570px;\n   <\/p>\n<p>\n    }\n   <\/p>\n<p>\n    &lt;\/style&gt;\n   <\/p>\n<p>\n    &lt;\/head&gt;\n   <\/p>\n<p>\n    &lt;body&gt;\n   <\/p>\n<p>\n    &lt;div id=&#8221;Main&#8221;&gt;\n   <\/p>\n<p>\n    &lt;div id=&#8221;Img&#8221;&gt;&lt;\/div&gt;\n   <\/p>\n<p>\n    &lt;img id=&#8221;xz&#8221; src=&#8221;https:\/\/thumbnail0.baidupcs.com\/thumbnail\/f6d77c5db40deb70818e8fa1764d512e?fid=372067725-250528-1020959445205490&amp;time=1507017600&amp;rt=sh&amp;sign=FDTAER-DCb740ccc5511e5e8fedcff06b081203-QsVHde1Fml1AOj0RP8F3NjiB0Rg%3D&amp;expires=8h&amp;chkv=0&amp;chkbd=0&amp;chkpc=&amp;dp-logid=6394370782677662805&amp;dp-callid=0&amp;size=c710_u400&amp;quality=100&amp;vuk=-&amp;ft=video&#8221; \/&gt;\n   <\/p>\n<p>\n    &lt;\/div&gt;\n   <\/p>\n<p>\n    &lt;div&gt;\u4e00\u5e93\u4e00\u5e93 \u6e38\u620f\u89c4\u5219\uff1a&lt;br&gt;\n   <\/p>\n<p>\n    \u4f60\u5171\u670950\u6b21q\u6280\u80fd\u7684\u80fd\u91cf\u3002&lt;br&gt;\n   <\/p>\n<p>\n    \u70b9\u51fbq\u6280\u80fd\uff0c\u9f20\u6807\u5de6\u952e\u5219\u5411\u9f20\u6807\u4f4d\u7f6e\u91ca\u653e\uff0c\u53f3\u952e\u53d6\u6d88\u6280\u80fd&lt;br&gt;\n   <\/p>\n<p>\n    \u76f4\u63a5\u70b9\u51fb\u53f3\u952e\u4e0a\u4e0b\u79fb\u52a8\u778e\u5b50\u3002&lt;br&gt;\n   <\/p>\n<p>\n    \u5171\u91ca\u653e\u4e86&lt;span id=&#8221;qindex&#8221;&gt;0&lt;\/span&gt;\u6b21q&lt;br&gt;\n   <\/p>\n<p>\n    \u547d\u4e2d\u82f1\u96c4&lt;span id=&#8221;zindex&#8221;&gt;0&lt;\/span&gt;\u6b21&lt;br&gt;\n   <\/p>\n<p>\n    &lt;\/div&gt;\n   <\/p>\n<p>\n    &lt;script&gt;\n   <\/p>\n<p>\n    document.oncontextmenu = function (e) {<br \/>\n    <!-- -->\n   <\/p>\n<p>\n    e.preventDefault();\n   <\/p>\n<p>\n    };\n   <\/p>\n<p>\n    var it = null;\n   <\/p>\n<p>\n    var iy = null;\n   <\/p>\n<p>\n    var qindex = 0;\n   <\/p>\n<p>\n    var yindex = 0;\n   <\/p>\n<p>\n    var zindex = 0;\n   <\/p>\n<p>\n    var ele = document.getElementById(&#8220;Main&#8221;);\n   <\/p>\n<p>\n    var zele = document.getElementById(&#8220;zindex&#8221;);\n   <\/p>\n<p>\n    var qele = document.getElementById(&#8220;qindex&#8221;);\n   <\/p>\n<p>\n    var xz = document.getElementById(&#8220;xz&#8221;);\n   <\/p>\n<p>\n    var Img = document.getElementById(&#8220;Img&#8221;);\n   <\/p>\n<p>\n    var x = &#8220;&#8221;;\n   <\/p>\n<p>\n    var y = &#8220;&#8221;;\n   <\/p>\n<p>\n    var mLength = 3;\n   <\/p>\n<p>\n    function createB() {<br \/>\n    <!-- -->\n   <\/p>\n<p>\n    var b = document.createElement(&#8216;div&#8217;);\n   <\/p>\n<p>\n    var mLength = 2;\n   <\/p>\n<p>\n    var ib = null;\n   <\/p>\n<p>\n    b.className = &#8216;b&#8217;\n   <\/p>\n<p>\n    ele.appendChild(b);\n   <\/p>\n<p>\n    function move() {<br \/>\n    <!-- -->\n   <\/p>\n<p>\n    if (b.offsetTop &lt; 570) {<br \/>\n    <!-- -->\n   <\/p>\n<p>\n    b.style.top = (b.offsetTop + mLength) + &#8220;px&#8221;;\n   <\/p>\n<p>\n    } else {<br \/>\n    <!-- -->\n   <\/p>\n<p>\n    b.remove();\n   <\/p>\n<p>\n    clearInterval(ib);\n   <\/p>\n<p>\n    }\n   <\/p>\n<p>\n    }\n   <\/p>\n<p>\n    ib = setInterval(move, 10);\n   <\/p>\n<p>\n    return b;\n   <\/p>\n<p>\n    }\n   <\/p>\n<p>\n    function createY() {<br \/>\n    <!-- -->\n   <\/p>\n<p>\n    yindex++;\n   <\/p>\n<p>\n    var y = document.createElement(&#8216;div&#8217;);\n   <\/p>\n<p>\n    var iy = null;\n   <\/p>\n<p>\n    y.className = &#8216;y&#8217;;\n   <\/p>\n<p>\n    y.id = yindex + &#8216;y&#8217;;\n   <\/p>\n<p>\n    ele.appendChild(y);\n   <\/p>\n<p>\n    function move() {<br \/>\n    <!-- -->\n   <\/p>\n<p>\n    if (y.offsetTop &lt; 570) {<br \/>\n    <!-- -->\n   <\/p>\n<p>\n    y.style.top = (y.offsetTop + mLength) + &#8220;px&#8221;;\n   <\/p>\n<p>\n    } else {<br \/>\n    <!-- -->\n   <\/p>\n<p>\n    y.remove();\n   <\/p>\n<p>\n    clearInterval(iy);\n   <\/p>\n<p>\n    }\n   <\/p>\n<p>\n    }\n   <\/p>\n<p>\n    iy = setInterval(move, 10);\n   <\/p>\n<p>\n    return y;\n   <\/p>\n<p>\n    }\n   <\/p>\n<p>\n    function GetMouse(oEvent) {<br \/>\n    <!-- -->\n   <\/p>\n<p>\n    x = oEvent.clientX;\n   <\/p>\n<p>\n    y = oEvent.clientY;\n   <\/p>\n<p>\n    Img.style.left = (x &#8211; 5) + &#8220;px&#8221;;\n   <\/p>\n<p>\n    Img.style.top = (y &#8211; 5) + &#8220;px&#8221;;\n   <\/p>\n<p>\n    }\n   <\/p>\n<p>\n    function createQ(index) {<br \/>\n    <!-- -->\n   <\/p>\n<p>\n    var q = document.createElement(&#8216;div&#8217;);\n   <\/p>\n<p>\n    q.className = &#8216;q&#8217;\n   <\/p>\n<p>\n    q.id = &#8216;q&#8217; + index;\n   <\/p>\n<p>\n    q.style.left = xz.offsetLeft + &#8220;px&#8221;;\n   <\/p>\n<p>\n    q.style.top = (xz.offsetTop + 40) + &#8220;px&#8221;;\n   <\/p>\n<p>\n    ele.appendChild(q);\n   <\/p>\n<p>\n    return q;\n   <\/p>\n<p>\n    }\n   <\/p>\n<p>\n    function releaseQ() {<br \/>\n    <!-- -->\n   <\/p>\n<p>\n    if (qindex &gt;= 50) {<br \/>\n    <!-- -->\n   <\/p>\n<p>\n    return false;\n   <\/p>\n<p>\n    }\n   <\/p>\n<p>\n    qindex++;\n   <\/p>\n<p>\n    var q = createQ(qindex);\n   <\/p>\n<p>\n    qele.textContent = qindex;\n   <\/p>\n<p>\n    var qy = q.offsetTop;\n   <\/p>\n<p>\n    var qx = q.offsetLeft;\n   <\/p>\n<p>\n    var my = y &#8211; qy;\n   <\/p>\n<p>\n    var mx = x &#8211; qx;\n   <\/p>\n<p>\n    var titleL = Math.sqrt(my * my + mx * mx);\/\/\u603b\u957f\n   <\/p>\n<p>\n    var mLength = 10;\/\/10\u6beb\u79d2\u8fd0\u52a8px\u6570\n   <\/p>\n<p>\n    var titleTime = titleL \/ mLength;\/\/\u8fd0\u52a8\u5230\u9f20\u6807\u70b9\u7684\u65f6\u95f4\n   <\/p>\n<p>\n    var xs = mx \/ titleTime;\/\/y \u901f\u5ea6\n   <\/p>\n<p>\n    var ys = (my \/ titleTime);\/\/x \u901f\u5ea6\n   <\/p>\n<p>\n    var itq = setInterval(move, 10, qindex);\n   <\/p>\n<p>\n    var qOffsetTop = q.offsetTop;\n   <\/p>\n<p>\n    var qOffsetLeft = q.offsetLeft;\n   <\/p>\n<p>\n    function move(qindex) {<br \/>\n    <!-- -->\n   <\/p>\n<p>\n    var qqindex = qindex;\n   <\/p>\n<p>\n    qOffsetTop += ys;\n   <\/p>\n<p>\n    qOffsetLeft += xs;\n   <\/p>\n<p>\n    q.style.top = (qOffsetTop) + &#8220;px&#8221;;\n   <\/p>\n<p>\n    q.style.left = (qOffsetLeft) + &#8220;px&#8221;;\n   <\/p>\n<p>\n    \/\/ \u7ea2\u70b9 getClass \u5faa\u73af\u7ea2\u70b9 \u5224\u65ad\u662f\u5426\u78b0\u649e\n   <\/p>\n<p>\n    \/\/\u7eff\u70b9 \u540c\u7406 \u00a0\u4f46\u662f\u7eff\u70b9\u53ea\u6709\u4e00\u4e2a\n   <\/p>\n<p>\n    if (q.offsetLeft &lt; 310 &amp;&amp; q.offsetLeft &gt; 290) {<br \/>\n    <!-- -->\n   <\/p>\n<p>\n    var ba = document.getElementsByClassName(&#8216;b&#8217;);\n   <\/p>\n<p>\n    var offsetTop = q.offsetTop;\n   <\/p>\n<p>\n    for (var index = 0; index &lt; ba.length; index++) {<br \/>\n    <!-- -->\n   <\/p>\n<p>\n    if (ba[index].offsetTop &#8211; 15 &lt; offsetTop &amp;&amp; ba[index].offsetTop + 15 &gt; offsetTop) {<br \/>\n    <!-- -->\n   <\/p>\n<p>\n    q.remove();\n   <\/p>\n<p>\n    ba[index].remove();\n   <\/p>\n<p>\n    clearInterval(itq);\n   <\/p>\n<p>\n    if (qqindex &gt;= 50) {<br \/>\n    <!-- -->\n   <\/p>\n<p>\n    alert(&#8216;\u6210\u7ee9\uff1a&#8217; + zindex);\n   <\/p>\n<p>\n    location.reload();\n   <\/p>\n<p>\n    }\n   <\/p>\n<p>\n    }\n   <\/p>\n<p>\n    }\n   <\/p>\n<p>\n    }\n   <\/p>\n<p>\n    if (q.offsetLeft &lt; 160 &amp;&amp; q.offsetLeft &gt; 140) {<br \/>\n    <!-- -->\n   <\/p>\n<p>\n    var ya = document.getElementsByClassName(&#8216;y&#8217;);\n   <\/p>\n<p>\n    var offsetTop = q.offsetTop;\n   <\/p>\n<p>\n    for (var index = 0; index &lt; ya.length; index++) {<br \/>\n    <!-- -->\n   <\/p>\n<p>\n    if (ya[index].offsetTop &#8211; 15 &lt; offsetTop &amp;&amp; ya[index].offsetTop + 15 &gt; offsetTop) {<br \/>\n    <!-- -->\n   <\/p>\n<p>\n    q.remove();\n   <\/p>\n<p>\n    ya[index].remove();\n   <\/p>\n<p>\n    zindex++;\n   <\/p>\n<p>\n    zele.textContent = zindex;\n   <\/p>\n<p>\n    clearInterval(itq);\n   <\/p>\n<p>\n    if (qqindex &gt;= 50) {<br \/>\n    <!-- -->\n   <\/p>\n<p>\n    alert(&#8216;\u6210\u7ee9\uff1a&#8217; + zindex);\n   <\/p>\n<p>\n    location.reload();\n   <\/p>\n<p>\n    }\n   <\/p>\n<p>\n    }\n   <\/p>\n<p>\n    }\n   <\/p>\n<p>\n    }\n   <\/p>\n<p>\n    if (q.offsetTop &lt; -20 || q.offsetLeft &lt; -20 || q.offsetTop &gt; 550 || q.offsetLeft &gt; 1150) {<br \/>\n    <!-- -->\n   <\/p>\n<p>\n    q.remove();\n   <\/p>\n<p>\n    clearInterval(itq);\n   <\/p>\n<p>\n    if (qqindex &gt;= 50) {<br \/>\n    <!-- -->\n   <\/p>\n<p>\n    alert(&#8216;\u6210\u7ee9\uff1a&#8217;+zindex);\n   <\/p>\n<p>\n    location.reload();\n   <\/p>\n<p>\n    }\n   <\/p>\n<p>\n    }\n   <\/p>\n<p>\n    }\n   <\/p>\n<p>\n    }\n   <\/p>\n<p>\n    function moveXZ() {<br \/>\n    <!-- -->\n   <\/p>\n<p>\n    var xzy = xz.offsetTop;\n   <\/p>\n<p>\n    var my = y &#8211; xzy;\n   <\/p>\n<p>\n    it = setInterval(move, 10);\n   <\/p>\n<p>\n    function move() {<br \/>\n    <!-- -->\n   <\/p>\n<p>\n    if (my &gt; 0) {<br \/>\n    <!-- -->\n   <\/p>\n<p>\n    if (my &gt; mLength) {<br \/>\n    <!-- -->\n   <\/p>\n<p>\n    xz.style.top = (xz.offsetTop + mLength) + &#8220;px&#8221;;\n   <\/p>\n<p>\n    my -= mLength;\n   <\/p>\n<p>\n    } else {<br \/>\n    <!-- -->\n   <\/p>\n<p>\n    xz.style.top = (xz.offsetTop + my) + &#8220;px&#8221;;\n   <\/p>\n<p>\n    my = 0;\n   <\/p>\n<p>\n    }\n   <\/p>\n<p>\n    } else if (my &lt; 0) {<br \/>\n    <!-- -->\n   <\/p>\n<p>\n    if (-my &gt; mLength) {<br \/>\n    <!-- -->\n   <\/p>\n<p>\n    xz.style.top = (xz.offsetTop &#8211; mLength) + &#8220;px&#8221;;\n   <\/p>\n<p>\n    my += mLength;\n   <\/p>\n<p>\n    } else {<br \/>\n    <!-- -->\n   <\/p>\n<p>\n    xz.style.top = (xz.offsetTop + my) + &#8220;px&#8221;;\n   <\/p>\n<p>\n    my = 0;\n   <\/p>\n<p>\n    }\n   <\/p>\n<p>\n    } else {<br \/>\n    <!-- -->\n   <\/p>\n<p>\n    clearInterval(it);\n   <\/p>\n<p>\n    }\n   <\/p>\n<p>\n    }\n   <\/p>\n<\/p>\n<p>\n    \/\/gogogo\n   <\/p>\n<p>\n    }\n   <\/p>\n<p>\n    function Main() {<br \/>\n    <!-- -->\n   <\/p>\n<p>\n    setInterval(createB, 1000);\n   <\/p>\n<p>\n    setInterval(createY, (600 \/ (mLength \/ 10)));\n   <\/p>\n<p>\n    ele.onmousemove = GetMouse;\n   <\/p>\n<p>\n    document.onkeydown = function (event) {<br \/>\n    <!-- -->\n   <\/p>\n<p>\n    var e = event || window.event || arguments.callee.caller.arguments[0];\n   <\/p>\n<p>\n    if (e &amp;&amp; e.keyCode == 81) {<br \/>\n    <!-- -->\n   <\/p>\n<p>\n    if (Img.style.display != &#8216;block&#8217;) {<br \/>\n    <!-- -->\n   <\/p>\n<p>\n    Img.style.display = &#8216;block&#8217;;\n   <\/p>\n<p>\n    }\n   <\/p>\n<p>\n    }\n   <\/p>\n<p>\n    };\n   <\/p>\n<p>\n    ele.onmousedown = function (elem) {<br \/>\n    <!-- -->\n   <\/p>\n<p>\n    if (Img.style.display == &#8216;block&#8217;) {<br \/>\n    <!-- -->\n   <\/p>\n<p>\n    Img.style.display = &#8216;none&#8217;;\n   <\/p>\n<p>\n    if (elem.button == 0) {<br \/>\n    <!-- -->\n   <\/p>\n<p>\n    \/\/ \u91ca\u653eq\u6280\u80fd\n   <\/p>\n<p>\n    releaseQ()\n   <\/p>\n<p>\n    }\n   <\/p>\n<p>\n    } else {<br \/>\n    <!-- -->\n   <\/p>\n<p>\n    if (elem.button == 2) {<br \/>\n    <!-- -->\n   <\/p>\n<p>\n    clearInterval(it);\n   <\/p>\n<p>\n    \/\/ xz \u5411\u5750\u6807\u70b9y\u8f74\u4f4d\u79fb\n   <\/p>\n<p>\n    moveXZ();\n   <\/p>\n<p>\n    }\n   <\/p>\n<p>\n    }\n   <\/p>\n<p>\n    }\n   <\/p>\n<p>\n    }\n   <\/p>\n<p>\n    function ChangeBg(id, url) {<br \/>\n    <!-- -->\n   <\/p>\n<p>\n    document.getElementById(id).src = url;\n   <\/p>\n<p>\n    }\n   <\/p>\n<p>\n    Main();\n   <\/p>\n<p>\n    &lt;\/script&gt;\n   <\/p>\n<p>\n    &lt;\/body&gt;\n   <\/p>\n<p>\n    &lt;\/html&gt;\n   <\/p>\n<p>\n    &lt;!DOCTYPE html&gt;<br \/>\n    <br \/>\n    &lt;html lang=&#8221;en&#8221; xmlns=&#8221;http:\/\/www.w3.org\/1999\/xhtml&#8221;&gt;&lt;head&gt;\u00a0 \u00a0 &lt;meta charset=&#8221;utf-8&#8243; \/&gt;\u00a0 \u00a0 &lt;title&gt;&lt;\/title&gt;\u00a0 \u00a0 &lt;style&gt;\u00a0 \u00a0 \u00a0 \u00a0 * {\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 margin: 0px;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 padding: 0px;\u00a0 \u00a0 \u00a0 \u00a0 }<br \/>\n    <br \/>\n    .b {\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 position: absolute;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 top: 0px;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 left: 300px;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 width: 15px;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 height: 15px;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 border: 1px solid yellow;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 -webkit-border-radius: 15px;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 -moz-border-radius: 15px;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 background-color: red;\u00a0 \u00a0 \u00a0 \u00a0 }<br \/>\n    <br \/>\n    .y {\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 position: absolute;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 top: 0px;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 left: 150px;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 width: 15px;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 height: 15px;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 border: 1px solid yellow;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 -webkit-border-radius: 15px;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 -moz-border-radius: 15px;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 background-color: green;\u00a0 \u00a0 \u00a0 \u00a0 }<br \/>\n    <br \/>\n    #Img {\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 display: none;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 position: absolute;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 top: 0px;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 left: 0px;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 width: 10px;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 height: 10px;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 border: 1px solid yellow;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 -webkit-border-radius: 15px;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 -moz-border-radius: 15px;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 text-align: center;\u00a0 \u00a0 \u00a0 \u00a0 }<br \/>\n    <br \/>\n    .q {\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 position: absolute;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 top: 0px;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 left: 0px;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 width: 15px;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 height: 15px;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 border: 1px solid yellow;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 background-size: 100% auto;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 background-repeat: no-repeat;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 background-image: url(https:\/\/thumbnail0.baidupcs.com\/thumbnail\/515adce0c31d707acd055666cf0ee0de?fid=372067725-250528-265770217030144&amp;time=1507017600&amp;rt=sh&amp;sign=FDTAER-DCb740ccc5511e5e8fedcff06b081203-8BQFEfnNZRwvmEmBF1OUMXE4Q9Q%3D&amp;expires=8h&amp;chkv=0&amp;chkbd=0&amp;chkpc=&amp;dp-logid=6394348028093904219&amp;dp-callid=0&amp;size=c710_u400&amp;quality=100&amp;vuk=-&amp;ft=video);\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 -webkit-border-radius: 15px;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 -moz-border-radius: 15px;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 text-align: center;\u00a0 \u00a0 \u00a0 \u00a0 }<br \/>\n    <br \/>\n    #xz {\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 position: absolute;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 top: 495px;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 left: 1107px;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 width: 70px;\u00a0 \u00a0 \u00a0 \u00a0 }<br \/>\n    <br \/>\n    #Main {\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 background-color: #F60;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 width: 1177px;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 height: 570px;\u00a0 \u00a0 \u00a0 \u00a0 }\u00a0 \u00a0 &lt;\/style&gt;&lt;\/head&gt;&lt;body&gt;\u00a0 \u00a0 &lt;div id=&#8221;Main&#8221;&gt;\u00a0 \u00a0 \u00a0 \u00a0 &lt;div id=&#8221;Img&#8221;&gt;&lt;\/div&gt;\u00a0 \u00a0 \u00a0 \u00a0 &lt;img id=&#8221;xz&#8221; src=&#8221;https:\/\/thumbnail0.baidupcs.com\/thumbnail\/f6d77c5db40deb70818e8fa1764d512e?fid=372067725-250528-1020959445205490&amp;time=1507017600&amp;rt=sh&amp;sign=FDTAER-DCb740ccc5511e5e8fedcff06b081203-QsVHde1Fml1AOj0RP8F3NjiB0Rg%3D&amp;expires=8h&amp;chkv=0&amp;chkbd=0&amp;chkpc=&amp;dp-logid=6394370782677662805&amp;dp-callid=0&amp;size=c710_u400&amp;quality=100&amp;vuk=-&amp;ft=video&#8221; \/&gt;\u00a0 \u00a0 &lt;\/div&gt;\u00a0 \u00a0 &lt;div&gt;\u4e00\u5e93\u4e00\u5e93 \u6e38\u620f\u89c4\u5219\uff1a&lt;br&gt;\u00a0 \u00a0 \u00a0 \u00a0 \u4f60\u5171\u670950\u6b21q\u6280\u80fd\u7684\u80fd\u91cf\u3002&lt;br&gt;\u00a0 \u00a0 \u00a0 \u00a0 \u70b9\u51fbq\u6280\u80fd\uff0c\u9f20\u6807\u5de6\u952e\u5219\u5411\u9f20\u6807\u4f4d\u7f6e\u91ca\u653e\uff0c\u53f3\u952e\u53d6\u6d88\u6280\u80fd&lt;br&gt;\u00a0 \u00a0 \u00a0 \u00a0 \u76f4\u63a5\u70b9\u51fb\u53f3\u952e\u4e0a\u4e0b\u79fb\u52a8\u778e\u5b50\u3002&lt;br&gt;\u00a0 \u00a0 \u00a0 \u00a0 \u5171\u91ca\u653e\u4e86&lt;span id=&#8221;qindex&#8221;&gt;0&lt;\/span&gt;\u6b21q&lt;br&gt;\u00a0 \u00a0 \u00a0 \u00a0 \u547d\u4e2d\u82f1\u96c4&lt;span id=&#8221;zindex&#8221;&gt;0&lt;\/span&gt;\u6b21&lt;br&gt;\u00a0 \u00a0 &lt;\/div&gt;\u00a0 \u00a0 &lt;script&gt;\u00a0 \u00a0 \u00a0 \u00a0 document.oncontextmenu = function (e) {\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 e.preventDefault();\u00a0 \u00a0 \u00a0 \u00a0 };\u00a0 \u00a0 \u00a0 \u00a0 var it = null;\u00a0 \u00a0 \u00a0 \u00a0 var iy = null;\u00a0 \u00a0 \u00a0 \u00a0 var qindex = 0;\u00a0 \u00a0 \u00a0 \u00a0 var yindex = 0;\u00a0 \u00a0 \u00a0 \u00a0 var zindex = 0;\u00a0 \u00a0 \u00a0 \u00a0 var ele = document.getElementById(&#8220;Main&#8221;);\u00a0 \u00a0 \u00a0 \u00a0 var zele = document.getElementById(&#8220;zindex&#8221;);\u00a0 \u00a0 \u00a0 \u00a0 var qele = document.getElementById(&#8220;qindex&#8221;);\u00a0 \u00a0 \u00a0 \u00a0 var xz = document.getElementById(&#8220;xz&#8221;);\u00a0 \u00a0 \u00a0 \u00a0 var Img = document.getElementById(&#8220;Img&#8221;);\u00a0 \u00a0 \u00a0 \u00a0 var x = &#8220;&#8221;;\u00a0 \u00a0 \u00a0 \u00a0 var y = &#8220;&#8221;;\u00a0 \u00a0 \u00a0 \u00a0 var mLength = 3;\u00a0 \u00a0 \u00a0 \u00a0 function createB() {\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 var b = document.createElement(&#8216;div&#8217;);\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 var mLength = 2;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 var ib = null;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 b.className = &#8216;b&#8217;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 ele.appendChild(b);\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 function move() {\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 if (b.offsetTop &lt; 570) {\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 b.style.top = (b.offsetTop + mLength) + &#8220;px&#8221;;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 } else {\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 b.remove();\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 clearInterval(ib);\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 }\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 }\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 ib = setInterval(move, 10);\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 return b;\u00a0 \u00a0 \u00a0 \u00a0 }\u00a0 \u00a0 \u00a0 \u00a0 function createY() {\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 yindex++;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 var y = document.createElement(&#8216;div&#8217;);\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 var iy = null;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 y.className = &#8216;y&#8217;;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 y.id = yindex + &#8216;y&#8217;;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 ele.appendChild(y);\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 function move() {\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 if (y.offsetTop &lt; 570) {\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 y.style.top = (y.offsetTop + mLength) + &#8220;px&#8221;;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 } else {\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 y.remove();\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 clearInterval(iy);\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 }\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 }\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 iy = setInterval(move, 10);\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 return y;\u00a0 \u00a0 \u00a0 \u00a0 }\u00a0 \u00a0 \u00a0 \u00a0 function GetMouse(oEvent) {\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 x = oEvent.clientX;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 y = oEvent.clientY;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 Img.style.left = (x &#8211; 5) + &#8220;px&#8221;;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 Img.style.top = (y &#8211; 5) + &#8220;px&#8221;;\u00a0 \u00a0 \u00a0 \u00a0 }\u00a0 \u00a0 \u00a0 \u00a0 function createQ(index) {\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 var q = document.createElement(&#8216;div&#8217;);\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 q.className = &#8216;q&#8217;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 q.id = &#8216;q&#8217; + index;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 q.style.left = xz.offsetLeft + &#8220;px&#8221;;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 q.style.top = (xz.offsetTop + 40) + &#8220;px&#8221;;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 ele.appendChild(q);\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 return q;\u00a0 \u00a0 \u00a0 \u00a0 }\u00a0 \u00a0 \u00a0 \u00a0 function releaseQ() {\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 if (qindex &gt;= 50) {\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 return false;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 }\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 qindex++;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 var q = createQ(qindex);\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 qele.textContent = qindex;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 var qy = q.offsetTop;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 var qx = q.offsetLeft;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 var my = y &#8211; qy;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 var mx = x &#8211; qx;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 var titleL = Math.sqrt(my * my + mx * mx);\/\/\u603b\u957f\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 var mLength = 10;\/\/10\u6beb\u79d2\u8fd0\u52a8px\u6570\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 var titleTime = titleL \/ mLength;\/\/\u8fd0\u52a8\u5230\u9f20\u6807\u70b9\u7684\u65f6\u95f4\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 var xs = mx \/ titleTime;\/\/y \u901f\u5ea6\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 var ys = (my \/ titleTime);\/\/x \u901f\u5ea6\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 var itq = setInterval(move, 10, qindex);\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 var qOffsetTop = q.offsetTop;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 var qOffsetLeft = q.offsetLeft;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 function move(qindex) {\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 var qqindex = qindex;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 qOffsetTop += ys;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 qOffsetLeft += xs;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 q.style.top = (qOffsetTop) + &#8220;px&#8221;;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 q.style.left = (qOffsetLeft) + &#8220;px&#8221;;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \/\/ \u7ea2\u70b9 getClass \u5faa\u73af\u7ea2\u70b9 \u5224\u65ad\u662f\u5426\u78b0\u649e\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \/\/\u7eff\u70b9 \u540c\u7406 \u00a0\u4f46\u662f\u7eff\u70b9\u53ea\u6709\u4e00\u4e2a\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 if (q.offsetLeft &lt; 310 &amp;&amp; q.offsetLeft &gt; 290) {\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 var ba = document.getElementsByClassName(&#8216;b&#8217;);\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 var offsetTop = q.offsetTop;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 for (var index = 0; index &lt; ba.length; index++) {\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 if (ba[index].offsetTop &#8211; 15 &lt; offsetTop &amp;&amp; ba[index].offsetTop + 15 &gt; offsetTop) {\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 q.remove();\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 ba[index].remove();\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 clearInterval(itq);\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 if (qqindex &gt;= 50) {\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 alert(&#8216;\u6210\u7ee9\uff1a&#8217; + zindex);\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 location.reload();\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 }\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 }\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 }\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 }\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 if (q.offsetLeft &lt; 160 &amp;&amp; q.offsetLeft &gt; 140) {\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 var ya = document.getElementsByClassName(&#8216;y&#8217;);\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 var offsetTop = q.offsetTop;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 for (var index = 0; index &lt; ya.length; index++) {\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 if (ya[index].offsetTop &#8211; 15 &lt; offsetTop &amp;&amp; ya[index].offsetTop + 15 &gt; offsetTop) {\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 q.remove();\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 ya[index].remove();\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 zindex++;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 zele.textContent = zindex;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 clearInterval(itq);\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 if (qqindex &gt;= 50) {\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 alert(&#8216;\u6210\u7ee9\uff1a&#8217; + zindex);\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 location.reload();\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 }\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 }\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 }\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 }\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 if (q.offsetTop &lt; -20 || q.offsetLeft &lt; -20 || q.offsetTop &gt; 550 || q.offsetLeft &gt; 1150) {\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 q.remove();\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 clearInterval(itq);\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 if (qqindex &gt;= 50) {\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 alert(&#8216;\u6210\u7ee9\uff1a&#8217;+zindex);\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 location.reload();\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 }\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 }\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 }\u00a0 \u00a0 \u00a0 \u00a0 }\u00a0 \u00a0 \u00a0 \u00a0 function moveXZ() {\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 var xzy = xz.offsetTop;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 var my = y &#8211; xzy;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 it = setInterval(move, 10);\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 function move() {\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 if (my &gt; 0) {\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 if (my &gt; mLength) {\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 xz.style.top = (xz.offsetTop + mLength) + &#8220;px&#8221;;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 my -= mLength;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 } else {\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 xz.style.top = (xz.offsetTop + my) + &#8220;px&#8221;;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 my = 0;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 }\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 } else if (my &lt; 0) {\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 if (-my &gt; mLength) {\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 xz.style.top = (xz.offsetTop &#8211; mLength) + &#8220;px&#8221;;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 my += mLength;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 } else {\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 xz.style.top = (xz.offsetTop + my) + &#8220;px&#8221;;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 my = 0;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 }\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 } else {\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 clearInterval(it);\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 }\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 }<br \/>\n    <br \/>\n    \/\/gogogo\u00a0 \u00a0 \u00a0 \u00a0 }\u00a0 \u00a0 \u00a0 \u00a0 function Main() {\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 setInterval(createB, 1000);\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 setInterval(createY, (600 \/ (mLength \/ 10)));\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 ele.onmousemove = GetMouse;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 document.onkeydown = function (event) {\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 var e = event || window.event || arguments.callee.caller.arguments[0];\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 if (e &amp;&amp; e.keyCode == 81) {\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 if (Img.style.display != &#8216;block&#8217;) {\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 Img.style.display = &#8216;block&#8217;;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 }\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 }\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 };\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 ele.onmousedown = function (elem) {\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 if (Img.style.display == &#8216;block&#8217;) {\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 Img.style.display = &#8216;none&#8217;;\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 if (elem.button == 0) {\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \/\/ \u91ca\u653eq\u6280\u80fd\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 releaseQ()\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 }\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 } else {\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 if (elem.button == 2) {\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 clearInterval(it);\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \/\/ xz \u5411\u5750\u6807\u70b9y\u8f74\u4f4d\u79fb\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 moveXZ();\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 }\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 }\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 }\u00a0 \u00a0 \u00a0 \u00a0 }\u00a0 \u00a0 \u00a0 \u00a0 function ChangeBg(id, url) {\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 document.getElementById(id).src = url;\u00a0 \u00a0 \u00a0 \u00a0 }\u00a0 \u00a0 \u00a0 \u00a0 Main();\u00a0 \u00a0 &lt;\/script&gt;&lt;\/body&gt;&lt;\/html&gt;\n   <\/p>\n<\/p><\/div>\n<p>\n   \u8f6c\u8f7d\u4e8e:https:\/\/www.cnblogs.com\/zwcai\/p\/7623962.html\n  <\/p>\n<\/p><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Js \u7684\u5c04\u51fb\u5c0f\u6e38\u620f \u73a9\u6cd5\u6309\u4e0b\u6c42 \u6280\u80fd\u51c6\u5907 \u70b9\u51fb\u5de6\u952e\u5c04\u51fb\uff0c\u5c04\u51fb\u5230\u540e\u9762\u7684\u7403\u5f97\u5206 \u4ee3\u7801\u5982\u4e0b\uff1a\u76f4\u63a5\u7c98\u5230html\u6587\u4ef6\u4e2d\u5373 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":215,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[23],"tags":[],"class_list":["post-3714","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-23"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>JS \u5c04\u51fb\u6e38\u620f - \u7269\u5ae9\u8f6f\u4ef6\u8d44\u8baf\u7f51<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"http:\/\/www.wunen.com\/index.php\/2025\/06\/13\/js-\u5c04\u51fb\u6e38\u620f-2\/\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"JS \u5c04\u51fb\u6e38\u620f - \u7269\u5ae9\u8f6f\u4ef6\u8d44\u8baf\u7f51\" \/>\n<meta property=\"og:description\" content=\"Js \u7684\u5c04\u51fb\u5c0f\u6e38\u620f \u73a9\u6cd5\u6309\u4e0b\u6c42 \u6280\u80fd\u51c6\u5907 \u70b9\u51fb\u5de6\u952e\u5c04\u51fb\uff0c\u5c04\u51fb\u5230\u540e\u9762\u7684\u7403\u5f97\u5206 \u4ee3\u7801\u5982\u4e0b\uff1a\u76f4\u63a5\u7c98\u5230html\u6587\u4ef6\u4e2d\u5373 [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"http:\/\/www.wunen.com\/index.php\/2025\/06\/13\/js-\u5c04\u51fb\u6e38\u620f-2\/\" \/>\n<meta property=\"og:site_name\" content=\"\u7269\u5ae9\u8f6f\u4ef6\u8d44\u8baf\u7f51\" \/>\n<meta property=\"article:published_time\" content=\"2025-06-12T22:00:51+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/www.wunen.com\/wp-content\/uploads\/2025\/03\/\u8d44\u8baf.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"260\" \/>\n\t<meta property=\"og:image:height\" content=\"180\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"admin@wunen\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u4f5c\u8005\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin@wunen\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"http:\/\/www.wunen.com\/index.php\/2025\/06\/13\/js-%e5%b0%84%e5%87%bb%e6%b8%b8%e6%88%8f-2\/#article\",\"isPartOf\":{\"@id\":\"http:\/\/www.wunen.com\/index.php\/2025\/06\/13\/js-%e5%b0%84%e5%87%bb%e6%b8%b8%e6%88%8f-2\/\"},\"author\":{\"name\":\"admin@wunen\",\"@id\":\"https:\/\/www.wunen.com\/#\/schema\/person\/d5f7a6cf545656a9c90d507e64452db8\"},\"headline\":\"JS \u5c04\u51fb\u6e38\u620f\",\"datePublished\":\"2025-06-12T22:00:51+00:00\",\"mainEntityOfPage\":{\"@id\":\"http:\/\/www.wunen.com\/index.php\/2025\/06\/13\/js-%e5%b0%84%e5%87%bb%e6%b8%b8%e6%88%8f-2\/\"},\"wordCount\":1856,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.wunen.com\/#organization\"},\"image\":{\"@id\":\"http:\/\/www.wunen.com\/index.php\/2025\/06\/13\/js-%e5%b0%84%e5%87%bb%e6%b8%b8%e6%88%8f-2\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/www.wunen.com\/wp-content\/uploads\/2025\/03\/\u8d44\u8baf.jpg\",\"articleSection\":[\"\u5c04\u51fb\u6e38\u620f\"],\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"http:\/\/www.wunen.com\/index.php\/2025\/06\/13\/js-%e5%b0%84%e5%87%bb%e6%b8%b8%e6%88%8f-2\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"http:\/\/www.wunen.com\/index.php\/2025\/06\/13\/js-%e5%b0%84%e5%87%bb%e6%b8%b8%e6%88%8f-2\/\",\"url\":\"http:\/\/www.wunen.com\/index.php\/2025\/06\/13\/js-%e5%b0%84%e5%87%bb%e6%b8%b8%e6%88%8f-2\/\",\"name\":\"JS \u5c04\u51fb\u6e38\u620f - \u7269\u5ae9\u8f6f\u4ef6\u8d44\u8baf\u7f51\",\"isPartOf\":{\"@id\":\"https:\/\/www.wunen.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"http:\/\/www.wunen.com\/index.php\/2025\/06\/13\/js-%e5%b0%84%e5%87%bb%e6%b8%b8%e6%88%8f-2\/#primaryimage\"},\"image\":{\"@id\":\"http:\/\/www.wunen.com\/index.php\/2025\/06\/13\/js-%e5%b0%84%e5%87%bb%e6%b8%b8%e6%88%8f-2\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/www.wunen.com\/wp-content\/uploads\/2025\/03\/\u8d44\u8baf.jpg\",\"datePublished\":\"2025-06-12T22:00:51+00:00\",\"breadcrumb\":{\"@id\":\"http:\/\/www.wunen.com\/index.php\/2025\/06\/13\/js-%e5%b0%84%e5%87%bb%e6%b8%b8%e6%88%8f-2\/#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"http:\/\/www.wunen.com\/index.php\/2025\/06\/13\/js-%e5%b0%84%e5%87%bb%e6%b8%b8%e6%88%8f-2\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"http:\/\/www.wunen.com\/index.php\/2025\/06\/13\/js-%e5%b0%84%e5%87%bb%e6%b8%b8%e6%88%8f-2\/#primaryimage\",\"url\":\"http:\/\/www.wunen.com\/wp-content\/uploads\/2025\/03\/\u8d44\u8baf.jpg\",\"contentUrl\":\"http:\/\/www.wunen.com\/wp-content\/uploads\/2025\/03\/\u8d44\u8baf.jpg\",\"width\":260,\"height\":180},{\"@type\":\"BreadcrumbList\",\"@id\":\"http:\/\/www.wunen.com\/index.php\/2025\/06\/13\/js-%e5%b0%84%e5%87%bb%e6%b8%b8%e6%88%8f-2\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"https:\/\/www.wunen.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"JS \u5c04\u51fb\u6e38\u620f\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.wunen.com\/#website\",\"url\":\"https:\/\/www.wunen.com\/\",\"name\":\"\u7269\u5ae9\u8f6f\u4ef6\u8d44\u8baf\u7f51\",\"description\":\"\u8f6f\u4ef6\u8d44\u8baf\u6765\u7269\u5ae9\",\"publisher\":{\"@id\":\"https:\/\/www.wunen.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.wunen.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"zh-Hans\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.wunen.com\/#organization\",\"name\":\"\u7269\u5ae9\u8f6f\u4ef6\u8d44\u8baf\u7f51\",\"url\":\"https:\/\/www.wunen.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.wunen.com\/#\/schema\/logo\/image\/\",\"url\":\"http:\/\/www.wunen.com\/wp-content\/uploads\/2025\/03\/cropped-\u7269\u5ae9-1.png\",\"contentUrl\":\"http:\/\/www.wunen.com\/wp-content\/uploads\/2025\/03\/cropped-\u7269\u5ae9-1.png\",\"width\":1024,\"height\":1024,\"caption\":\"\u7269\u5ae9\u8f6f\u4ef6\u8d44\u8baf\u7f51\"},\"image\":{\"@id\":\"https:\/\/www.wunen.com\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.wunen.com\/#\/schema\/person\/d5f7a6cf545656a9c90d507e64452db8\",\"name\":\"admin@wunen\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.wunen.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d90ec1e3faf77c4d4e66e40c29b85ff6401161e0502f401dae2f0e25b38ce25e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d90ec1e3faf77c4d4e66e40c29b85ff6401161e0502f401dae2f0e25b38ce25e?s=96&d=mm&r=g\",\"caption\":\"admin@wunen\"},\"sameAs\":[\"http:\/\/www.wunen.com\"],\"url\":\"http:\/\/www.wunen.com\/index.php\/author\/adminwunen\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"JS \u5c04\u51fb\u6e38\u620f - \u7269\u5ae9\u8f6f\u4ef6\u8d44\u8baf\u7f51","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"http:\/\/www.wunen.com\/index.php\/2025\/06\/13\/js-\u5c04\u51fb\u6e38\u620f-2\/","og_locale":"zh_CN","og_type":"article","og_title":"JS \u5c04\u51fb\u6e38\u620f - \u7269\u5ae9\u8f6f\u4ef6\u8d44\u8baf\u7f51","og_description":"Js \u7684\u5c04\u51fb\u5c0f\u6e38\u620f \u73a9\u6cd5\u6309\u4e0b\u6c42 \u6280\u80fd\u51c6\u5907 \u70b9\u51fb\u5de6\u952e\u5c04\u51fb\uff0c\u5c04\u51fb\u5230\u540e\u9762\u7684\u7403\u5f97\u5206 \u4ee3\u7801\u5982\u4e0b\uff1a\u76f4\u63a5\u7c98\u5230html\u6587\u4ef6\u4e2d\u5373 [&hellip;]","og_url":"http:\/\/www.wunen.com\/index.php\/2025\/06\/13\/js-\u5c04\u51fb\u6e38\u620f-2\/","og_site_name":"\u7269\u5ae9\u8f6f\u4ef6\u8d44\u8baf\u7f51","article_published_time":"2025-06-12T22:00:51+00:00","og_image":[{"width":260,"height":180,"url":"http:\/\/www.wunen.com\/wp-content\/uploads\/2025\/03\/\u8d44\u8baf.jpg","type":"image\/jpeg"}],"author":"admin@wunen","twitter_card":"summary_large_image","twitter_misc":{"\u4f5c\u8005":"admin@wunen","\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"9 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"http:\/\/www.wunen.com\/index.php\/2025\/06\/13\/js-%e5%b0%84%e5%87%bb%e6%b8%b8%e6%88%8f-2\/#article","isPartOf":{"@id":"http:\/\/www.wunen.com\/index.php\/2025\/06\/13\/js-%e5%b0%84%e5%87%bb%e6%b8%b8%e6%88%8f-2\/"},"author":{"name":"admin@wunen","@id":"https:\/\/www.wunen.com\/#\/schema\/person\/d5f7a6cf545656a9c90d507e64452db8"},"headline":"JS \u5c04\u51fb\u6e38\u620f","datePublished":"2025-06-12T22:00:51+00:00","mainEntityOfPage":{"@id":"http:\/\/www.wunen.com\/index.php\/2025\/06\/13\/js-%e5%b0%84%e5%87%bb%e6%b8%b8%e6%88%8f-2\/"},"wordCount":1856,"commentCount":0,"publisher":{"@id":"https:\/\/www.wunen.com\/#organization"},"image":{"@id":"http:\/\/www.wunen.com\/index.php\/2025\/06\/13\/js-%e5%b0%84%e5%87%bb%e6%b8%b8%e6%88%8f-2\/#primaryimage"},"thumbnailUrl":"http:\/\/www.wunen.com\/wp-content\/uploads\/2025\/03\/\u8d44\u8baf.jpg","articleSection":["\u5c04\u51fb\u6e38\u620f"],"inLanguage":"zh-Hans","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["http:\/\/www.wunen.com\/index.php\/2025\/06\/13\/js-%e5%b0%84%e5%87%bb%e6%b8%b8%e6%88%8f-2\/#respond"]}]},{"@type":"WebPage","@id":"http:\/\/www.wunen.com\/index.php\/2025\/06\/13\/js-%e5%b0%84%e5%87%bb%e6%b8%b8%e6%88%8f-2\/","url":"http:\/\/www.wunen.com\/index.php\/2025\/06\/13\/js-%e5%b0%84%e5%87%bb%e6%b8%b8%e6%88%8f-2\/","name":"JS \u5c04\u51fb\u6e38\u620f - \u7269\u5ae9\u8f6f\u4ef6\u8d44\u8baf\u7f51","isPartOf":{"@id":"https:\/\/www.wunen.com\/#website"},"primaryImageOfPage":{"@id":"http:\/\/www.wunen.com\/index.php\/2025\/06\/13\/js-%e5%b0%84%e5%87%bb%e6%b8%b8%e6%88%8f-2\/#primaryimage"},"image":{"@id":"http:\/\/www.wunen.com\/index.php\/2025\/06\/13\/js-%e5%b0%84%e5%87%bb%e6%b8%b8%e6%88%8f-2\/#primaryimage"},"thumbnailUrl":"http:\/\/www.wunen.com\/wp-content\/uploads\/2025\/03\/\u8d44\u8baf.jpg","datePublished":"2025-06-12T22:00:51+00:00","breadcrumb":{"@id":"http:\/\/www.wunen.com\/index.php\/2025\/06\/13\/js-%e5%b0%84%e5%87%bb%e6%b8%b8%e6%88%8f-2\/#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["http:\/\/www.wunen.com\/index.php\/2025\/06\/13\/js-%e5%b0%84%e5%87%bb%e6%b8%b8%e6%88%8f-2\/"]}]},{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"http:\/\/www.wunen.com\/index.php\/2025\/06\/13\/js-%e5%b0%84%e5%87%bb%e6%b8%b8%e6%88%8f-2\/#primaryimage","url":"http:\/\/www.wunen.com\/wp-content\/uploads\/2025\/03\/\u8d44\u8baf.jpg","contentUrl":"http:\/\/www.wunen.com\/wp-content\/uploads\/2025\/03\/\u8d44\u8baf.jpg","width":260,"height":180},{"@type":"BreadcrumbList","@id":"http:\/\/www.wunen.com\/index.php\/2025\/06\/13\/js-%e5%b0%84%e5%87%bb%e6%b8%b8%e6%88%8f-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"https:\/\/www.wunen.com\/"},{"@type":"ListItem","position":2,"name":"JS \u5c04\u51fb\u6e38\u620f"}]},{"@type":"WebSite","@id":"https:\/\/www.wunen.com\/#website","url":"https:\/\/www.wunen.com\/","name":"\u7269\u5ae9\u8f6f\u4ef6\u8d44\u8baf\u7f51","description":"\u8f6f\u4ef6\u8d44\u8baf\u6765\u7269\u5ae9","publisher":{"@id":"https:\/\/www.wunen.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.wunen.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"zh-Hans"},{"@type":"Organization","@id":"https:\/\/www.wunen.com\/#organization","name":"\u7269\u5ae9\u8f6f\u4ef6\u8d44\u8baf\u7f51","url":"https:\/\/www.wunen.com\/","logo":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.wunen.com\/#\/schema\/logo\/image\/","url":"http:\/\/www.wunen.com\/wp-content\/uploads\/2025\/03\/cropped-\u7269\u5ae9-1.png","contentUrl":"http:\/\/www.wunen.com\/wp-content\/uploads\/2025\/03\/cropped-\u7269\u5ae9-1.png","width":1024,"height":1024,"caption":"\u7269\u5ae9\u8f6f\u4ef6\u8d44\u8baf\u7f51"},"image":{"@id":"https:\/\/www.wunen.com\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.wunen.com\/#\/schema\/person\/d5f7a6cf545656a9c90d507e64452db8","name":"admin@wunen","image":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.wunen.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d90ec1e3faf77c4d4e66e40c29b85ff6401161e0502f401dae2f0e25b38ce25e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d90ec1e3faf77c4d4e66e40c29b85ff6401161e0502f401dae2f0e25b38ce25e?s=96&d=mm&r=g","caption":"admin@wunen"},"sameAs":["http:\/\/www.wunen.com"],"url":"http:\/\/www.wunen.com\/index.php\/author\/adminwunen\/"}]}},"_links":{"self":[{"href":"http:\/\/www.wunen.com\/index.php\/wp-json\/wp\/v2\/posts\/3714","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.wunen.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.wunen.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.wunen.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.wunen.com\/index.php\/wp-json\/wp\/v2\/comments?post=3714"}],"version-history":[{"count":0,"href":"http:\/\/www.wunen.com\/index.php\/wp-json\/wp\/v2\/posts\/3714\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.wunen.com\/index.php\/wp-json\/wp\/v2\/media\/215"}],"wp:attachment":[{"href":"http:\/\/www.wunen.com\/index.php\/wp-json\/wp\/v2\/media?parent=3714"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.wunen.com\/index.php\/wp-json\/wp\/v2\/categories?post=3714"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.wunen.com\/index.php\/wp-json\/wp\/v2\/tags?post=3714"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}