{"id":343,"date":"2010-12-10T14:33:03","date_gmt":"2010-12-10T05:33:03","guid":{"rendered":"http:\/\/www.myu-zin.com\/webridge\/?p=343"},"modified":"2011-01-10T00:04:08","modified_gmt":"2011-01-09T15:04:08","slug":"jquery%e3%80%80%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3-%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89%e3%82%b7%e3%83%a7%e3%83%bc%e3%81%ae%e6%b1%ba%e5%ae%9a%e7%89%88%e3%81%93%e3%82%8c%e3%80%80","status":"publish","type":"post","link":"https:\/\/www.myu-zin.com\/webridge\/archives\/343.html","title":{"rendered":"jQuery\u3000\u30d7\u30e9\u30b0\u30a4\u30f3 \u30b9\u30e9\u30a4\u30c9\u30b7\u30e7\u30fc\u306e\u6c7a\u5b9a\u7248\u3053\u308c\u3000"},"content":{"rendered":"<h1 id=\"banner\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-415\" title=\"cycle\" src=\"http:\/\/www.myu-zin.com\/webridge\/wp-content\/uploads\/cycle.jpg\" alt=\"\" width=\"500\" height=\"158\" srcset=\"https:\/\/www.myu-zin.com\/webridge\/wp-content\/uploads\/cycle.jpg 500w, https:\/\/www.myu-zin.com\/webridge\/wp-content\/uploads\/cycle-300x94.jpg 300w, https:\/\/www.myu-zin.com\/webridge\/wp-content\/uploads\/cycle-400x126.jpg 400w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/h1>\n<h1><a href=\"http:\/\/malsup.com\/jquery\/cycle\/\" target=\"_blank\">jQuery Cycle Plugin<\/a><span style=\"font-weight: normal;\">(\u30b5\u30a4\u30c8)<\/span><\/h1>\n<p><span style=\"font-weight: normal;\"><br \/>\n<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-344\" title=\"j_si\" src=\"http:\/\/www.myu-zin.com\/webridge\/wp-content\/uploads\/j_si-576x213.jpg\" alt=\"\" width=\"576\" height=\"213\" srcset=\"https:\/\/www.myu-zin.com\/webridge\/wp-content\/uploads\/j_si-576x213.jpg 576w, https:\/\/www.myu-zin.com\/webridge\/wp-content\/uploads\/j_si-300x111.jpg 300w, https:\/\/www.myu-zin.com\/webridge\/wp-content\/uploads\/j_si.jpg 775w\" sizes=\"auto, (max-width: 576px) 100vw, 576px\" \/><\/p>\n<h1 id=\"banner\"><a href=\"http:\/\/www.myu-zin.com\/demo\/slide_demo\/\" target=\"_blank\">\u30b5\u30f3\u30d7\u30eb\u30da\u30fc\u30b8<\/a><span style=\"font-weight: normal;\">\uff08\u5225\u30da\u30fc\u30b8\uff09<\/span><\/h1>\n<h2><!--more--><\/h2>\n<h3>\u5fc5\u8981\u306a\u30d5\u30a1\u30a4\u30eb<\/h3>\n<ul>\n<li><a href=\"http:\/\/jquery.com\/\" target=\"_blank\">jquery.js<\/a><\/li>\n<li><a href=\"http:\/\/malsup.com\/jquery\/cycle\/\" target=\"_blank\">jQuery Cycle Plugin<\/a><\/li>\n<li><a href=\"http:\/\/gsgd.co.uk\/sandbox\/jquery\/easing\/\" target=\"_blank\">jquery.easing.1.3.js<\/a><\/li>\n<\/ul>\n<h3>javascript\u306e\u8aad\u307f\u8fbc\u307f<\/h3>\n<pre class=\"brush: xml; title: \u30bd\u30fc\u30b9\u30b3\u30fc\u30c9; notranslate\" title=\"\u30bd\u30fc\u30b9\u30b3\u30fc\u30c9\">\r\n&lt;!-- include jQuery library --&gt;\r\n&lt;script type=&quot;text\/javascript&quot; src=&quot;js\/jquery.js&quot;&gt;&lt;\/script&gt;\r\n&lt;!-- include Cycle plugin --&gt;\r\n&lt;script type=&quot;text\/javascript&quot; src=&quot;js\/jquery.cycle.all.min.js&quot;&gt;&lt;\/script&gt;\r\n&lt;script type=&quot;text\/javascript&quot; src=&quot;js\/jquery.easing.1.3.js&quot;&gt;&lt;\/script&gt;\r\n\r\n&lt;!--  initialize the slideshow when the DOM is ready --&gt;\r\n&lt;script type=&quot;text\/javascript&quot;&gt;\r\n$.fn.cycle.defaults.timeout = 600;\r\n$(document).ready(function() {\r\n\r\n\/\/#slideshow\u306e\u90e8\u5206\u306e\u52b9\u679c\r\n    $('#slideshow').cycle({\r\n\t\tfx: 'fade'\r\n\t\t});\r\n\r\n\/\/#slideshow02\u306e\u90e8\u5206\u306e\u52b9\u679c\r\n\t\t$('#slideshow02').cycle({\r\n    fx:    'zoom',\r\n    delay: -1000\r\n   \t});\r\n\r\n\/\/#slideshow03\u306e\u90e8\u5206\u306e\u52b9\u679c\r\n\t\t$('#slideshow03').cycle({\r\n\t\t    fx:    'scrollDown',\r\n\t\t    delay: -1000 ,\r\n\t\t});\r\n\r\n\/\/#slideshow04\u306e\u90e8\u5206\u306e\u52b9\u679c\r\n\t\t$('#slideshow04').cycle({\r\n    fx:      'custom',\r\n    cssBefore:{\r\n        left: 332,\r\n        top: -232,\r\n        display: 'block'\r\n    },\r\n    animIn: {\r\n        left: 0,\r\n        top: 0\r\n    },\r\n    animOut: {\r\n        left: 232,\r\n        top: 332\r\n    },\r\n    delay: -3000\r\n \t\t});\r\n\r\n\/\/#slideshow05\u306e\u90e8\u5206\u306e\u52b9\u679c\r\n\t\t$('#slideshow05').cycle({\r\n    fx: 'custom',\r\n    cssBefore: {\r\n        top:  0,\r\n        left: 0,\r\n        width: 0,\r\n        height: 0,\r\n        zIndex: 1\r\n    },\r\n    animIn:  {\r\n        width: 300,\r\n        height: 230\r\n    },\r\n    animOut: {\r\n        top:  300,\r\n        left: 300,\r\n        width: 0,\r\n        height: 0\r\n    },\r\n    cssAfter: {\r\n        zIndex: 0\r\n    },\r\n    delay: -500\r\n \t\t});\r\n\r\n});\r\n&lt;\/script&gt;\r\n\r\n<\/pre>\n<h3>html\u306e\u8a18\u8ff0<\/h3>\n<pre class=\"brush: xml; title: \u30bd\u30fc\u30b9\u30b3\u30fc\u30c9; notranslate\" title=\"\u30bd\u30fc\u30b9\u30b3\u30fc\u30c9\">\r\n\t&lt;div id=&quot;slideshow&quot; class=&quot;slide&quot;&gt;\r\n\t\t&lt;img src=&quot;img\/sample008.jpg&quot; alt=&quot;&quot; \/&gt;\r\n\t\t&lt;img src=&quot;img\/sample009.jpg&quot; alt=&quot;&quot; \/&gt;\r\n\t\t&lt;img src=&quot;img\/sample010.jpg&quot; alt=&quot;&quot; \/&gt;\r\n\t\t&lt;img src=&quot;img\/sample011.jpg&quot; alt=&quot;&quot; \/&gt;\r\n\t\t&lt;img src=&quot;img\/sample012.jpg&quot; alt=&quot;&quot; \/&gt;\r\n\r\n\t&lt;\/div&gt;\r\n\r\n\t&lt;div id=&quot;slideshow02&quot; class=&quot;slide&quot;&gt;\r\n\t\t&lt;img src=&quot;img\/sample008.jpg&quot; alt=&quot;&quot; \/&gt;\r\n\t\t&lt;img src=&quot;img\/sample009.jpg&quot; alt=&quot;&quot; \/&gt;\r\n\t\t&lt;img src=&quot;img\/sample010.jpg&quot; alt=&quot;&quot; \/&gt;\r\n\t\t&lt;img src=&quot;img\/sample011.jpg&quot; alt=&quot;&quot; \/&gt;\r\n\t\t&lt;img src=&quot;img\/sample012.jpg&quot; alt=&quot;&quot; \/&gt;\r\n\r\n\t&lt;\/div&gt;\r\n\t&lt;div id=&quot;slideshow03&quot; class=&quot;slide&quot;&gt;\r\n\t\t&lt;img src=&quot;img\/sample008.jpg&quot; alt=&quot;&quot; \/&gt;\r\n\t\t&lt;img src=&quot;img\/sample009.jpg&quot; alt=&quot;&quot; \/&gt;\r\n\t\t&lt;img src=&quot;img\/sample010.jpg&quot; alt=&quot;&quot; \/&gt;\r\n\t\t&lt;img src=&quot;img\/sample011.jpg&quot; alt=&quot;&quot; \/&gt;\r\n\t\t&lt;img src=&quot;img\/sample012.jpg&quot; alt=&quot;&quot; \/&gt;\r\n\r\n\t&lt;\/div&gt;\r\n\t&lt;div id=&quot;slideshow04&quot; class=&quot;slide&quot;&gt;\r\n\t\t&lt;img src=&quot;img\/sample008.jpg&quot; alt=&quot;&quot; \/&gt;\r\n\t\t&lt;img src=&quot;img\/sample009.jpg&quot; alt=&quot;&quot; \/&gt;\r\n\t\t&lt;img src=&quot;img\/sample010.jpg&quot; alt=&quot;&quot; \/&gt;\r\n\t\t&lt;img src=&quot;img\/sample011.jpg&quot; alt=&quot;&quot; \/&gt;\r\n\t\t&lt;img src=&quot;img\/sample012.jpg&quot; alt=&quot;&quot; \/&gt;\r\n\r\n\t&lt;\/div&gt;\r\n\t&lt;div id=&quot;slideshow05&quot; class=&quot;slide&quot;&gt;\r\n\t\t&lt;img src=&quot;img\/sample008.jpg&quot; alt=&quot;&quot; \/&gt;\r\n\t\t&lt;img src=&quot;img\/sample009.jpg&quot; alt=&quot;&quot; \/&gt;\r\n\t\t&lt;img src=&quot;img\/sample010.jpg&quot; alt=&quot;&quot; \/&gt;\r\n\t\t&lt;img src=&quot;img\/sample011.jpg&quot; alt=&quot;&quot; \/&gt;\r\n\t\t&lt;img src=&quot;img\/sample012.jpg&quot; alt=&quot;&quot; \/&gt;\r\n\r\n\t&lt;\/div&gt;\r\n\r\n<\/pre>\n<h3>css\u306e\u8a18\u8ff0<\/h3>\n<pre class=\"brush: css; title: \u30bd\u30fc\u30b9\u30b3\u30fc\u30c9; notranslate\" title=\"\u30bd\u30fc\u30b9\u30b3\u30fc\u30c9\">\r\n&lt;style type=&quot;text\/css&quot;&gt;\r\n.slide {\r\n\theight:262px;\r\n\twidth: 332px;\r\n\tmargin:0 20px 20px 0;\r\n\ttext-align:center;\r\n\tfloat:left;\r\n\toverflow:hidden;\r\n\t}\r\n.slide img {\r\n\twidth:300px;\r\n\tpadding: 15px;\r\n\tborder: 1px solid #ccc;\r\n\tbackground-color: #eee;\r\n\tmargin:0 auto;\r\n\tborder-radius:10px;\r\n\t-moz-border-radius:10px;\r\n\t-webkit-border-radius:10px;\r\n}\r\n&lt;\/style&gt;\r\n\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>jQuery Cycle Plugin(\u30b5\u30a4\u30c8) \u30b5&#46;&#46;&#46;<\/p>\n","protected":false},"author":1,"featured_media":415,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[96],"tags":[37],"class_list":["post-343","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-jquery","tag-jquery"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.myu-zin.com\/webridge\/wp-json\/wp\/v2\/posts\/343","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.myu-zin.com\/webridge\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.myu-zin.com\/webridge\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.myu-zin.com\/webridge\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.myu-zin.com\/webridge\/wp-json\/wp\/v2\/comments?post=343"}],"version-history":[{"count":13,"href":"https:\/\/www.myu-zin.com\/webridge\/wp-json\/wp\/v2\/posts\/343\/revisions"}],"predecessor-version":[{"id":479,"href":"https:\/\/www.myu-zin.com\/webridge\/wp-json\/wp\/v2\/posts\/343\/revisions\/479"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.myu-zin.com\/webridge\/wp-json\/wp\/v2\/media\/415"}],"wp:attachment":[{"href":"https:\/\/www.myu-zin.com\/webridge\/wp-json\/wp\/v2\/media?parent=343"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.myu-zin.com\/webridge\/wp-json\/wp\/v2\/categories?post=343"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.myu-zin.com\/webridge\/wp-json\/wp\/v2\/tags?post=343"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}