<\/p>\n
WEB\u30da\u30fc\u30b8\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u6642\u306b\u6642\u9593\u304c\u304b\u304b\u3063\u3066\u3044\u308b\u6642\u306b
\n\u30e6\u30fc\u30b6\u30fc\u306b\u5f85\u3063\u3066\u3044\u305f\u3060\u304f\u305f\u3081\u306e\u7c21\u6613\u30ed\u30fc\u30c7\u30a3\u30f3\u30b0\u753b\u9762\u3092\u7d39\u4ecb\u3057\u307e\u3059\u3002<\/p>\n
<\/p>\n
\u2193\u4ee5\u4e0b\u304c\u5b9f\u969b\u306e\u30bd\u30fc\u30b9\u30b5\u30f3\u30d7\u30eb\u3067\u3059\u3002<\/p>\n
\u25bcJavaScript<\/p>\n
<script src=\"js\/jquery-2.1.4.min.js\"><\/script>\r\n<script type=\"text\/javascript\">\r\n$('head').append(\r\n\t'<style type=\"text\/css\">#container { display: none; } #fade, #loader { display: block; }<\/style>'\r\n);\r\n\r\njQuery.event.add(window,\"load\",function() {\r\n\tvar pageH = $(\"#wrapper\").height();\r\n\r\n\t$(\"#fade\").css(\"height\", pageH).delay(900).fadeOut(800);\r\n\t$(\"#loader\").delay(600).fadeOut(300);\r\n\t$(\"#wrapper\").css(\"display\", \"block\");\r\n});\r\n<\/script><\/pre>\n\uff0a\u5909\u6570\u306b\u3066div\u306e\u9ad8\u3055\u306e\u5024\u3092\u53d6\u3063\u3066\u3044\u307e\u3059\u3002
\njQuery\u304c\u30aa\u30d5\u306e\u5834\u5408\u306f\u30ed\u30fc\u30c7\u30a3\u30f3\u30b0\u3092\u7121\u8996\u3057\u3066\u8868\u793a\u3059\u308b\u8a2d\u5b9a\u3067\u3059\u3002<\/p>\n
\u25bcCSS<\/p>\n
<style type=\"text\/css\">\r\n#loader {\r\n width:128px;\r\n height:128px;\r\n display: none;\r\n position: fixed;\r\n _position: absolute;\r\n top:50%;\r\n left:50%;\r\n margin-top:-64px;\r\n margin-left:-64px;\r\n z-index: 100;\r\n}\r\n \r\n#fade {\r\n width:100%;\r\n height:100%;\r\n display:none;\r\n background-color:#FFF;\r\n position:absolute;\r\n top:0px;\r\n left:0px;\r\n z-index:50;\r\n}\r\n<\/style><\/pre>\n\u25bcHTML<\/p>\n
<body>\r\n<div id=\"loader\"><img src=\"\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u753b\u50cf\u306e\u30d1\u30b9\" width=\"\u753b\u50cf\u306e\u5e45\" height=\"\u753b\u50cf\u306e\u9ad8\u3055\" alt=\"Loading\u4e2d\" \/><\/div>\r\n<div id=\"fade\"><\/div>\r\n \r\n<div id=\"wrapper\">\r\n\u4f7f\u7528\u3059\u308bWEB\u30da\u30fc\u30b8\u30bd\u30fc\u30b9\u3092\u5165\u308c\u3066\u304f\u3060\u3055\u3044\u3002\r\n<\/div>\r\n<!-- \/wrapper -->\r\n\r\n<\/body><\/pre>\n\u4eca\u56de\u3001\u53c2\u8003\u306b\u3055\u305b\u3066\u3044\u305f\u3060\u3044\u305f\u306e\u306f\u3001
\n\u300eHTML\u7248\u7c21\u6613\u30ed\u30fc\u30c7\u30a3\u30f3\u30b0\u753b\u9762\u8a2d\u7f6ejQuery – WPC<\/a>\u300f\u3055\u3093\u3092\u53c2\u8003\u306b\u4f5c\u6210\u3057\u307e\u3057\u305f\u3002<\/p>\n\u3042\u308a\u304c\u3068\u3046\u3054\u3056\u3044\u307e\u3059\u3002<\/p>\n