{"id":74,"date":"2012-01-25T16:09:27","date_gmt":"2012-01-25T08:09:27","guid":{"rendered":"https:\/\/blog.indeex.club\/?p=74"},"modified":"2020-06-20T22:46:15","modified_gmt":"2020-06-20T14:46:15","slug":"javascript-%e4%b8%80%e5%8f%8c%e5%a5%bd%e7%8e%a9%e7%9a%84%e7%9c%bc%e7%9d%9b-_","status":"publish","type":"post","link":"https:\/\/blog.indeex.club\/index.php\/2012\/01\/25\/javascript-%e4%b8%80%e5%8f%8c%e5%a5%bd%e7%8e%a9%e7%9a%84%e7%9c%bc%e7%9d%9b-_\/","title":{"rendered":"Javascript \u4e00\u53cc\u597d\u73a9\u7684\u773c\u775b ^_^"},"content":{"rendered":"
<!DOCTYPE html>\n<html lang=\"en\">\n\n    <head>\n        <meta charset=\"utf-8\" \/>\n        <title>\u4e00\u53cc\u597d\u73a9\u7684\u773c\u775b<\/title>\n        <style type=\"text\/css\">\n            .eye {\n                display: inline;\n                overflow: hidden;\n                position: relative;\n                float: left;\n                margin: 50px 0 0 50px;\n                width: 50px;\n                height: 50px;\n                font-size: 50px;\n                line-height: 106%;\n                +line-height: normal;\n                cursor: default;\n            }\n\n            @media all and (min-width:0px) {\n                .eye {\n                    line-height: normal;\n                }\n            }\n\n            .pupil {\n                overflow: hidden;\n                position: absolute;\n                margin: -5px 0 0 -5px;\n                width: 10px;\n                height: 10px;\n                line-height: normal;\n                font-size: 10px;\n                top: 50%;\n                left: 50%;\n            }\n        <\/style>\n    <\/head>\n\n    <body>\n        <div id=\"leftEye\" class=\"eye\">\u25cb<span id=\"leftPupil\" class=\"pupil\">\u25cf<\/span><\/div>\n        <div id=\"rightEye\" class=\"eye\">\u25cb<span id=\"rightPupil\" class=\"pupil\">\u25cf<\/span><\/div> <input name=\"\" id=\"xy\" type=\"text\" \/>\n        <script type=\"text\/javascript\">\n            var $ = function(o) {\n                return document.getElementById(o)\n            }\n            var leftEye = $(\"leftEye\");\n            var rightEye = $(\"rightEye\");\n            var leftPupil = $(\"leftPupil\");\n            var rightPupil = $(\"rightPupil\");\n            var xy = $(\"xy\");\n            document.documentElement.onmousemove = function(e) {\n                var e = window.event || e;\n                var eX = e.clientX,\n                    eY = e.clientY;\n                track(leftEye, leftPupil, eX, eY);\n                track(rightEye, rightPupil, eX, eY);\n            }\n\n            function track(o, i, eX, eY) {\n                var oL = o.offsetLeft;\n                var oT = o.offsetTop;\n                var oW = o.offsetWidth;\n                var oH = o.offsetHeight;\n                var oCW = o.clientWidth;\n                var oCH = o.clientHeight;\n                var oX = oL + oW \/ 2;\n                var oY = oT + oH \/ 2;\n                var eX = eX - oX;\n                var eY = eY - oY;\n                var eXY, iL, iT;\n                if(eX != 0 && eY != 0) {\n                    eXY = eX \/ eY;\n                    var r = oCW \/ 2 - 12;\n                    var R = Math.sqrt(eX * eX + eY * eY);\n                    var rR = R \/ 5 > r ? r : R \/ 5;\n                    var iL = Math.sqrt(rR * rR \/ (1 + 1 \/ (eXY * eXY)));\n                    if(eX < 0) iL = -iL;\n                    var iT = iL \/ eXY;\n                    i.style.left = (iL + oCW \/ 2) + \"px\";\n                    i.style.top = (iT + oCH \/ 2) + \"px\";\n                }\n                xy.value = eX + \",\" + eY;\n            }\n        <\/script>\n    <\/body>\n\n<\/html>\n<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"
<!DOCTYPE html> <html lang=”en”> <hRead More<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[3],"tags":[4],"_links":{"self":[{"href":"https:\/\/blog.indeex.club\/index.php\/wp-json\/wp\/v2\/posts\/74"}],"collection":[{"href":"https:\/\/blog.indeex.club\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.indeex.club\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.indeex.club\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.indeex.club\/index.php\/wp-json\/wp\/v2\/comments?post=74"}],"version-history":[{"count":1,"href":"https:\/\/blog.indeex.club\/index.php\/wp-json\/wp\/v2\/posts\/74\/revisions"}],"predecessor-version":[{"id":81,"href":"https:\/\/blog.indeex.club\/index.php\/wp-json\/wp\/v2\/posts\/74\/revisions\/81"}],"wp:attachment":[{"href":"https:\/\/blog.indeex.club\/index.php\/wp-json\/wp\/v2\/media?parent=74"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.indeex.club\/index.php\/wp-json\/wp\/v2\/categories?post=74"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.indeex.club\/index.php\/wp-json\/wp\/v2\/tags?post=74"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}