{"id":25,"date":"2015-03-18T20:03:24","date_gmt":"2015-03-18T11:03:24","guid":{"rendered":"http:\/\/www.takaya-com.jp\/archives\/?p=25"},"modified":"2015-03-18T20:08:01","modified_gmt":"2015-03-18T11:08:01","slug":"animate","status":"publish","type":"post","link":"https:\/\/takaya-com.jp\/archives\/2015\/03\/animate\/","title":{"rendered":"JavaScript\u3092\u4f7f\u3063\u305f\u30d5\u30a7\u30fc\u30c9\u30a4\u30f3\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3"},"content":{"rendered":"<p>jQuery\u3092\u4f7f\u3063\u305f\u6a2a\u304b\u3089\u30d5\u30a7\u30fc\u30c9\u30a4\u30f3\u3059\u308b\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u52b9\u679c\u3067\u3059\u3002<br \/>\n\u8efd\u91cf\u306a\u3082\u306e\u306a\u306e\u3067\u3001\u4ed6\u306eJavaScript\u3068\u7d44\u307f\u5408\u308f\u305b\u3066\u3082\u53ef\u80fd\u3067\u3059\u3002<\/p>\n<p>CSS\u3067\u306eposition\u914d\u7f6e\u3092JavaScript\u3067\u5236\u5fa1\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n<p><!--more--><\/p>\n<p>\u307e\u305a\u306f\u3001HTML\u304b\u3089\u3067\u3059\u304c\u3001<\/p>\n<pre class=\"lang:xhtml decode:true \" >&lt;div id=\"wrapper\"&gt;\r\n&lt;p id=\"inner_anime\"&gt;\u3053\u3053\u306b\u52d5\u304b\u3057\u305f\u3044\u3082\u306e\u3092\u633f\u5165&lt;\/p&gt;\r\n&lt;\/div&gt;<\/pre>\n<p>jQuery\u306f\u3001ver2.1.1.min.js\u3092\u4f7f\u7528\u3057\u307e\u3057\u305f\u3002<\/p>\n<pre class=\"lang:js decode:true \" title=\"JavaScript\" >&lt;script type=\"text\/javascript\" src=\"jquery-2.1.1.min.js\"&gt;&lt;\/script&gt;\r\n&lt;script type=\"text\/javascript\"&gt;\r\n$(function(){\r\n\t\t\/\/\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3055\u305b\u308b    {marginLeft : '500px'}\u304c\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u306b\u3088\u308b\u79fb\u52d5\u8ddd\u96e2\u3067\u3059\r\n\t\t$('#inner_anime').animate({marginLeft : '500px'} , 2000 , 'swing' , function(){\r\n\t\t});\r\n});\r\n&lt;\/script&gt;<\/pre>\n<p>\u305d\u3057\u3066\u3001CSS\u3067\u306f\u3001\u4efb\u610f\u306e\u8981\u7d20\u3092position\u3067\u30de\u30a4\u30ca\u30b9\u306e\u4f4d\u7f6e\u306b\u7f6e\u3044\u3066\u307e\u3059\u3002<\/p>\n<pre class=\"lang:css mark:8 decode:true \" title=\"CSS\" >&lt;style type=\"text\/css\"&gt;\r\n#wrapper {\r\n\tposition: relative;\r\n}\r\n#inner_anime {\r\n\tposition: absolute;\r\n\ttop: 100px;\r\n\tleft: -500px;\r\n\twidth: 400px; \r\n\theight: 267px;\r\n}\r\n&lt;\/style&gt;<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>jQuery\u3092\u4f7f\u3063\u305f\u6a2a\u304b\u3089\u30d5\u30a7\u30fc\u30c9\u30a4\u30f3\u3059\u308b\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u52b9\u679c\u3067\u3059\u3002 \u8efd\u91cf\u306a\u3082\u306e\u306a\u306e\u3067\u3001\u4ed6\u306eJavaScript\u3068\u7d44\u307f\u5408\u308f\u305b\u3066\u3082\u53ef\u80fd\u3067\u3059\u3002 CSS\u3067\u306eposition\u914d\u7f6e\u3092JavaScript\u3067\u5236\u5fa1\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/posts\/25"}],"collection":[{"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/comments?post=25"}],"version-history":[{"count":6,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/posts\/25\/revisions"}],"predecessor-version":[{"id":31,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/posts\/25\/revisions\/31"}],"wp:attachment":[{"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/media?parent=25"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/categories?post=25"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/tags?post=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}