{"id":763,"date":"2024-01-24T19:57:48","date_gmt":"2024-01-24T11:57:48","guid":{"rendered":"http:\/\/blog.chxzking.cn\/?page_id=763"},"modified":"2024-01-31T14:20:21","modified_gmt":"2024-01-31T06:20:21","slug":"%e5%90%90%e6%a7%bd%e6%9d%bf","status":"publish","type":"page","link":"http:\/\/blog.chxzking.cn\/index.php\/%e5%b0%8f%e7%ab%99-2\/%e5%90%90%e6%a7%bd%e6%9d%bf\/","title":{"rendered":"\u5410\u69fd\u677f"},"content":{"rendered":"\n<div class=\"wp-block-cover\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<!DOCTYPE html>\n<html>\n<head>\n    <style>\n        .tag {\n            position: absolute;\n            transition: all 0.1s linear;\n        }\n    <\/style>\n<\/head>\n<body>\n    <div id=\"tag-cloud\" style=\"position: relative; height: 100vh; background-color: white; border: 1px solid black;\">\n        <!-- \u5728\u8fd9\u91cc\u6dfb\u52a0\u4f60\u7684\u6807\u7b7e -->\n        <div class=\"tag\">\u6211\u60f3\u8eba\u5e73\uff0c\u4e0d\u5b66\u4e86\uff01<\/div>\n        <div class=\"tag\">\u5927\u8111\u5192\u70df\u4e86\uff01<\/div>\n        <div class=\"tag\">\u4e00\u5165\u9012\u5f52\u6df1\u4f3c\u6d77<\/div>\n        <div class=\"tag\">\u4e07\u6076\u7684\u529b\u6263<\/div>\n        <div class=\"tag\">\u8001\u5929\u7237\uff0c\u8bf7\u7ed9\u6211\u4e00\u4e2a\u4e0d\u6015\u7b97\u6cd5\u7684\u5927\u8111<\/div>\n        <div class=\"tag\">\u6c42\u6c42\u4e86\uff0c\u518d\u8ba9\u6211\u5237\u4e00\u9053\u529b\u6263\u5427(\u232f\ua4aa\ua4ab\ua4aa)\u0a6d<\/div>\n        <div class=\"tag\">\u4eca\u5929\u4e5f\u6765\u5377\u4e86| \u1415)\u207e\u207e<\/div>\n        <div class=\"tag\">\u5988\u5988\u6211\u51fa\u606f\u4e86\uff0c\u6211\u7528\u9012\u5f52\u5199\u51fa\u5f52\u5e76\u6392\u5e8f\u4e86\u0669(\u0e51\u2022\u0300\u03c9\u2022\u0301\u0e51)\u06f6<\/div>\n        <div class=\"tag\">\u4e3a\u4ec0\u4e48\u529b\u6263\u795e\u4ed9\u8fd9\u4e48\u591a(\u256f\u2035\u25a1\u2032)\u256f\ufe35\u253b\u2501\u253b    <\/div>\n        <div class=\"tag\">\u4ec0\u4e48\uff01\u94fe\u8868\u7247\u6bb5\u9006\u8f6c\uff1f\u2299_\u2299  <\/div>\n        <div class=\"tag\">\u7cdf\u7cd5\uff01\u94fe\u8868\u8282\u70b9\u4e0d\u89c1\u4e86\uff01\u2211(\u3063\u00b0\u0414\u00b0;)\u3063  <\/div>\n        <div class=\"tag\">\u60f3\u4e0d\u6e05\uff0c\u6211\u771f\u7684\u60f3\u4e0d\u6e05\u695a<\/div>\n        <div class=\"tag\">\u5b8c\u4e86\uff01\u5934\u6307\u9488\u54ea\u53bb\u4e86\uff01\u3002\uff65\uff9f\uff65(\u3064\u0434`\uff9f)\uff65\uff9f\uff65<\/div>\n        <!-- ... -->\n    <\/div>\n\n    <script>\n        var tags = document.querySelectorAll('.tag');\n        var tagCloud = document.getElementById('tag-cloud');\n\n        tags.forEach(function(tag) {\n            \/\/ \u8bbe\u7f6e\u968f\u673a\u989c\u8272\u3001\u5927\u5c0f\u548c\u900f\u660e\u5ea6\n            var color = 'rgb(' + Math.floor(Math.random() * 156) + ',' + Math.floor(Math.random() * 156) + ',' + Math.floor(Math.random() * 156) + ')';\n            var maxSize = Math.min(tagCloud.offsetWidth, tagCloud.offsetHeight) * 0.04;  \/\/ \u6700\u5927\u5b57\u4f53\u5927\u5c0f\u4e3a\u663e\u793a\u533a\u57df\u76844%\n            var size = Math.random() * (maxSize - 10) + 10;  \/\/ 10px - maxSize\n            var opacity = Math.random() * 0.5 + 0.5;  \/\/ 0.5 - 1.0\n            tag.style.color = color;\n            tag.style.fontSize = size + 'px';\n            tag.style.opacity = opacity;\n\n            \/\/ \u8bbe\u7f6e\u968f\u673a\u4f4d\u7f6e\u548c\u901f\u5ea6\n            var x = Math.random() * (tagCloud.offsetWidth - tag.offsetWidth);\n            var y = Math.random() * (tagCloud.offsetHeight - tag.offsetHeight);\n            var dx = Math.random() * 11 - 3;  \/\/x\u8f74\u901f\u5ea6  -2 \u52308\n            var dy = Math.random() * 11 - 3;  \/\/ y\u8f74\u901f\u5ea6 -2 \u52308\n            tag.style.left = x + 'px';\n            tag.style.top = y + 'px';\n\n            \/\/ \u6bcf\u9694100ms\u66f4\u65b0\u4f4d\u7f6e\n            setInterval(function() {\n                x += dx;\n                y += dy;\n\n                \/\/ \u5982\u679c\u78b0\u5230\u8fb9\u754c\uff0c\u53cd\u5f39\n                if (x < 0 || x > tagCloud.offsetWidth - tag.offsetWidth) dx = -dx;\n                if (y < 0 || y > tagCloud.offsetHeight - tag.offsetHeight) dy = -dy;\n\n                tag.style.left = x + 'px';\n                tag.style.top = y + 'px';\n            }, 100);\n        });\n    <\/script>\n<\/body>\n<\/html>\n<\/div><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":132,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-763","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/blog.chxzking.cn\/index.php\/wp-json\/wp\/v2\/pages\/763","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/blog.chxzking.cn\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/blog.chxzking.cn\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/blog.chxzking.cn\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/blog.chxzking.cn\/index.php\/wp-json\/wp\/v2\/comments?post=763"}],"version-history":[{"count":51,"href":"http:\/\/blog.chxzking.cn\/index.php\/wp-json\/wp\/v2\/pages\/763\/revisions"}],"predecessor-version":[{"id":861,"href":"http:\/\/blog.chxzking.cn\/index.php\/wp-json\/wp\/v2\/pages\/763\/revisions\/861"}],"up":[{"embeddable":true,"href":"http:\/\/blog.chxzking.cn\/index.php\/wp-json\/wp\/v2\/pages\/132"}],"wp:attachment":[{"href":"http:\/\/blog.chxzking.cn\/index.php\/wp-json\/wp\/v2\/media?parent=763"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}