{"id":496,"date":"2020-02-20T22:46:10","date_gmt":"2020-02-20T14:46:10","guid":{"rendered":"https:\/\/blog.cqdefxxx.com\/?p=496"},"modified":"2020-02-20T22:46:10","modified_gmt":"2020-02-20T14:46:10","slug":"%e4%b8%aa%e4%ba%ba%e4%b8%ad%e5%bf%83%e7%82%b9%e5%87%bb%e5%b1%95%e7%a4%ba%e5%aa%92%e4%bd%93%e4%bf%a1%e6%81%af-%e6%8c%89%e9%92%ae","status":"publish","type":"post","link":"https:\/\/blog.viter.top\/index.php\/2020\/02\/20\/%e4%b8%aa%e4%ba%ba%e4%b8%ad%e5%bf%83%e7%82%b9%e5%87%bb%e5%b1%95%e7%a4%ba%e5%aa%92%e4%bd%93%e4%bf%a1%e6%81%af-%e6%8c%89%e9%92%ae\/","title":{"rendered":"\u4e2a\u4eba\u4e2d\u5fc3\u70b9\u51fb\u5c55\u793a\u5a92\u4f53\u4fe1\u606f \u6309\u94ae"},"content":{"rendered":"

\u5c55\u793a\u5730\u5740\uff1ahttp:\/\/show.cqdefxxx.com\/Media%20Buttons\/<\/a><\/p>\n

<!DOCTYPE html>\n<html>\n\t<head>\n\t\t<meta charset=\"utf-8\">\n\t\t<title><\/title>\n        <link rel=\"stylesheet\" href=\"style.css\">\n        <link href=\"https:\/\/cdn.bootcss.com\/font-awesome\/5.8.2\/css\/all.css\" rel=\"stylesheet\">\n        <script src=\"https:\/\/cdn.bootcss.com\/jquery\/3.4.1\/jquery.min.js\"><\/script>\n\t<\/head>\n\t<body>\n        <div class=\"middle\">\n            <div class=\"sm-container\">\n                <i class=\"show-btn fas fa-user\"><\/i>\n                <div class=\"sm-menu\">\n                    <a href=\"#\"><i class=\"fab fa-github\"><\/i><\/a>\n                    <a href=\"#\"><i class=\"fab fa-weixin\"><\/i><\/a>\n                    <a href=\"#\"><i class=\"fab fa-qq\"><\/i><\/a>\n                    <a href=\"#\"><i class=\"fab fa-weibo\"><\/i><\/a>\n                    <a href=\"#\"><i class=\"fab fa-zhihu\"><\/i><\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n     <script type=\"text\/javascript\">\n         $(\".show-btn\").click(function(){\n             $(\".sm-menu\").fadeToggle(\"fast\");\n         })\n     <\/script>\n\t<\/body>\n<\/html>\n<\/code><\/pre>\n
style.css<\/p>\n
body{\n    margin:0;\n    padding: 0;\n    background: #9c88ff;\n}\n\n.middle{\n    position: absolute;\n    left: 50%;\n    top: 30%;\n    transform: translate(-50%,-50%);\n}\n\n.sm-container{\n    text-align: center;\n}\n\n.sm-container i{\n    color: #f5f6fa;\n    padding: 20px;\n    font-size: 20px;\n    cursor:pointer;\n    tansition:0.4s;\n}\n\n.sm-container i:hover{\n    transform:scale(1.2);    \n}\n\n.sm-menu{\n    background: #0097e6;\n    position: absolute;\n    border-radius: 8px;\n    display: none;\n}\n\n.sm-menu:before{\n    content: \"\";\n    width:10px;\n    height: 10px;\n    background: #0097e6;\n    position: absolute;\n    top:-5px;\n    left: 50%;\n    transform: translateX(-50%) rotate(45deg);\n}\n<\/code><\/pre>\n
 <\/p>\n
 <\/p>\n","protected":false},"excerpt":{"rendered":"
\u5c55\u793a\u5730\u5740\uff1ahttp:\/\/show.cqdefxxx.com\/Media%20Buttons\/ <!DOCTYPE html& …","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[],"tags":[3],"_links":{"self":[{"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/posts\/496"}],"collection":[{"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/comments?post=496"}],"version-history":[{"count":0,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/posts\/496\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/media?parent=496"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/categories?post=496"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/tags?post=496"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}