{"id":533,"date":"2024-04-15T08:07:23","date_gmt":"2024-04-14T23:07:23","guid":{"rendered":"http:\/\/inwelly.com\/?p=533"},"modified":"2024-04-22T06:08:10","modified_gmt":"2024-04-21T21:08:10","slug":"javascript-%eb%94%b0%eb%9d%bc-%eb%8b%a4%eb%8b%88%eb%8a%94-%ea%b5%ac%ec%84%9d%ec%9d%98-div","status":"publish","type":"post","link":"https:\/\/inwelly.com\/?p=533","title":{"rendered":"JAVASCRIPT \ub530\ub77c \ub2e4\ub2c8\ub294 \uad6c\uc11d\uc758 DIV"},"content":{"rendered":"\n<pre class=\"wp-block-code\"><code>&lt;html>\n&lt;head>\n&lt;style>\n#image {\nWIDTH: 160px; top: 350px; POSITION: absolute\n}\n&lt;\/style>\n\n&lt;script language=\"javascript\">\n\n\/\/ \uace0\uc815 \uc704\uce58\ub97c \uacb0\uc815\ud574 \uc90d\ub2c8\ub2e4.\nvar topOffset = 0\nvar HANDLER;\n\nfunction smoothMove() {\n\/\/ 1\ubcf4\ub2e4 \uc791\uc740 \uc218\ub97c \uacf1\ud558\uba74 \ubd80\ub4dc\ub7fd\uac8c \uc774\ub3d9\ud569\ub2c8\ub2e4.(0.1\uc815\ub3c4)\nvar Dif = parseInt(document.body.scrollTop+topOffset-document.all.image.offsetTop * 1)\n\/\/ Work-around wierd Netscape NaN bug when Dif is 0\n\/\/ Netscape \uc77c\ub54c \ucc98\ub9ac\n\/\/ if (isNaN(Dif)) Dif=0\ndocument.all.image.style.pixelTop+=Dif\n}\n\nfunction doLoad() {\nHANDLER = window.setInterval(\"smoothMove()\",20)\ndocument.all.image.style.left=document.body.clientWidth-parseInt(document.all.image.style.width);\n\/\/ \ud558\ub2e8\uc778\uacbd\uc6b0 \uc8fc\uc11d\uc744 \ud574\uc9c0\ntopOffset = document.body.clientHeight-parseInt(document.all.image.style.height);\n}\n\n&lt;\/script>\n&lt;\/head>\n\n&lt;body onLoad=\"doLoad();\">\n&lt;div id=\"image\" style=\"width:40px; height:20px; position:absolute; left:0; top:0; z-index:1; background-color:#C0C0C0\">\n&lt;a href=\"#\">\uc704\ub85c&lt;\/a>\n&lt;\/div>\n&lt;script>\nfor(i=0;i&lt;=300;i++)\n{\ndocument.write(i+\"&lt;br>\");\n}\n&lt;\/script>\n&lt;\/body>\n&lt;\/html><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":1279,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-533","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript"],"_links":{"self":[{"href":"https:\/\/inwelly.com\/index.php?rest_route=\/wp\/v2\/posts\/533","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inwelly.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inwelly.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inwelly.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inwelly.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=533"}],"version-history":[{"count":1,"href":"https:\/\/inwelly.com\/index.php?rest_route=\/wp\/v2\/posts\/533\/revisions"}],"predecessor-version":[{"id":534,"href":"https:\/\/inwelly.com\/index.php?rest_route=\/wp\/v2\/posts\/533\/revisions\/534"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inwelly.com\/index.php?rest_route=\/wp\/v2\/media\/1279"}],"wp:attachment":[{"href":"https:\/\/inwelly.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=533"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inwelly.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=533"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inwelly.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=533"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}