<\/p>\n
JavaScript\u3067\u7c21\u5358\u306a\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u8868\u793a\u3055\u305b\u307e\u3059\u3002\u8868\u793a\u30dc\u30bf\u30f3\u3092\u62bc\u3057\u3066\u4e0b\u3055\u3044\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=\"http:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.9.0\/jquery.min.js\"><\/script>\r\n\t\t\r\n<script>\r\n\t\t\r\n\t\t$(function(){\r\n\t\t\t$(\"button\").click(function(){\r\n\t\t\t$(\"div#black:not(:animated)\").show(500,function(){\r\n\t\t\t$(this).hide(1500);\r\n\t\t\t$(\"div#yellow:not(:animated)\").show(500,function(){\r\n\t\t\t$(this).hide(1500);\r\n\t\t\t\t\t});\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t});\r\n\r\n<\/script>\r\n<\/pre>\n\u25bcCSS<\/p>\n
<style>\r\ndiv {\r\n\twidth:400px;\r\n\theight:400px;\r\n\tdisplay:none;\r\n\tposition:absolute;\r\n}\r\n\r\n#black {\r\n\tbackground:#000;\r\n}\r\n\r\n#yellow {\r\n\tbackground:#CF0\r\n}\r\n\r\n<\/style>\r\n<\/pre>\n\u25bcHTML <\/p>\n
<body>\r\n\t\t<button>\u8868\u793a<\/button>\r\n\t\t<div id=\"black\"><\/div>\r\n\t\t<div id=\"yellow\"><\/div>\r\n<\/body>\r\n<\/pre>\n