{"id":82,"date":"2015-05-25T11:02:20","date_gmt":"2015-05-25T02:02:20","guid":{"rendered":"http:\/\/www.takaya-com.jp\/archives\/?p=82"},"modified":"2015-06-01T11:02:29","modified_gmt":"2015-06-01T02:02:29","slug":"typewriter","status":"publish","type":"post","link":"https:\/\/takaya-com.jp\/archives\/2015\/05\/typewriter\/","title":{"rendered":"\u30bf\u30a4\u30d4\u30f3\u30b0\u30a8\u30d5\u30a7\u30af\u30c8\u98a8\u30e1\u30cb\u30e5\u30fc\u30d0\u30fc[\uff4aQuery\u3068CSS3]"},"content":{"rendered":"

<\/p>\n

CSS3\u3068jQuery\u306e\u4fbf\u5229\u30d7\u30e9\u30b0\u30a4\u30f3\u3092\u5229\u7528\u3057\u3066\u3001\u30bf\u30a4\u30d4\u30f3\u30b0\u30a8\u30d5\u30a7\u30af\u30c8\u98a8\u30e1\u30cb\u30e5\u30fc\u30d0\u30fc\u3092\u4f5c\u6210\u3057\u307e\u3057\u305f\u3002<\/p>\n

WEB\u30da\u30fc\u30b8\u306b\u30bf\u30a4\u30d4\u30f3\u30b0\u306b\u3088\u3063\u3066\u5165\u529b\u3055\u308c\u305f\u3088\u3046\u306b\u8868\u793a\u3055\u308c\u307e\u3059\u3002<\/p>\n

<\/p>\n

\u5c0e\u5165\u3057\u3066\u3044\u308b\u30bd\u30fc\u30b9\u306f\u3001\u672c\u6765\u306e\u4f7f\u7528\u65b9\u6cd5\u3067\u4f7f\u7528\u3059\u308b\u3068\u6587\u5b57\u5165\u529b\u306e\u307f\u3067\u3059\u3002
\n\u4eca\u56deCSS3\u306b\u3066\u30d5\u30a9\u30f3\u30c8\u30b5\u30a4\u30ba\u3068\u30ea\u30f3\u30af\u8a2d\u5b9a\u52a0\u3048\u308b\u3053\u3068\u306b\u3088\u3063\u3066\u3001\u30e1\u30cb\u30e5\u30fc\u3068\u3057\u3066\u4f7f\u7528\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u307e\u3057\u305f\u3002<\/p>\n

\u30d7\u30e9\u30b0\u30a4\u30f3\u300ct.js\u300d\u306e\u914d\u5e03\u30b5\u30a4\u30c8\u306b\u3066\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3059\u308b\u4e8b\u304c\u3067\u304d\u307e\u3059\u3002
\n\u4f7f\u7528\u3057\u305f\u306e\u306f\u3001t.js\u30d5\u30a1\u30a4\u30eb\u306et.min.js<\/b>\u3067\u3059\u3002<\/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 src=\"js\/t.min.js\"><\/script> \r\n<script type=\"text\/javascript\">\r\n$(function(){\r\n  $('.typewriter').t({\r\n\u3000\u3000speed : 60,\t\t\/\/\u30bf\u30a4\u30d7\u30b9\u30d4\u30fc\u30c9\u8a2d\u5b9a\r\n\u3000\u3000caret : true\t\/\/\u30ab\u30fc\u30bd\u30eb\u3092\u6d88\u3059\u8a2d\u5b9a\r\n  }); \t\r\n}); \r\n<\/script><\/pre>\n
\u25bcCSS<\/p>\n
<link href='http:\/\/fonts.googleapis.com\/css?family=Open+Sans' rel='stylesheet' type='text\/css'>\r\n<style type=\"text\/css\">\r\n.typemenu{\r\n\tfont-family: 'Open Sans', sans-serif;\r\n\tfont-size:5em;\r\n\ttext-align:left;\r\n}\r\n\r\n.typewriter {\r\n    background: #FFF;\r\n    padding: 20px 40px;\r\n}\r\n\r\n.typewriter a {\r\n    float: left;\r\n    margin-right: 60px;\r\n    -webkit-transition: all 1s ease;\r\n    -moz-transition: all 1s ease;\r\n    font-weight: bold;\r\n}\r\n\r\na:link,a:visited {color:#000000; text-decoration:none;}\r\n\r\n.top:hover { \r\n    text-shadow: #FFCC00 0px 0px 20px;\r\n    color: #D90317;\r\n}\r\n\r\n.menu01:hover { \r\n    text-shadow: #FFCC00 0px 0px 20px;\r\n    color: #D9230B;\r\n}\r\n\r\n.menu02:hover { \r\n    text-shadow: #FFCC00 0px 0px 20px;\r\n    color: #8800E3;\r\n}\r\n\r\n.menu03:hover { \r\n    text-shadow: #FFCC00 0px 0px 20px;\r\n    color: #04E319;\r\n}\r\n\r\n.menu04:hover { \r\n    text-shadow: #FFCC00 0px 0px 20px;\r\n    color: #D9C701;\r\n}\r\n\r\n.menu05:hover { \r\n    text-shadow: #FFCC00 0px 0px 20px;\r\n    color: #EA4515;\r\n}\r\n<\/style><\/pre>\n
\u25bcHTML<\/p>\n
<body>\r\n<div id=\"wrapper\">\r\n\t<div id=\"header\">\r\n\t\t<h2>\u30bf\u30a4\u30d4\u30f3\u30b0\u30a8\u30d5\u30a7\u30af\u30c8\u30c7\u30e2<\/h2>\r\n\t\t<p>\u52d5\u4f5c\u3092\u518d\u5ea6\u307f\u308b\u3068\u304d\u306f\u66f4\u65b0\u30dc\u30bf\u30f3\u304a\u3088\u3073F5\u306b\u3066\u78ba\u8a8d\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\r\n\t<\/div>\r\n\t<div id=\"nav01\">\r\n\t\t<div class=\"typewriter\" >\r\n\t\t\t<span class=\"typemenu\"><a href=\"#\" class=\"menu01\">\u30e1\u30cb\u30e5\u30fc01<\/a><br\/>\r\n\t\t\t<a href=\"#\" class=\"menu02\">\u30e1\u30cb\u30e5\u30fc02<\/a><br\/>\r\n\t\t\t<a href=\"#\" class=\"menu03\">\u30e1\u30cb\u30e5\u30fc03<\/a><br\/>\r\n\t\t\t<a href=\"#\" class=\"menu04\">\u30e1\u30cb\u30e5\u30fc04<\/a><br\/>\r\n\t\t\t<a href=\"#\" class=\"menu05\">\u30e1\u30cb\u30e5\u30fc05<\/a><\/span>\r\n\t\t<\/div>\r\n\t<\/div>\r\n<\/div>\r\n<\/body><\/pre>\n
\u4eca\u56de\u3001\u53c2\u8003\u306b\u3055\u305b\u3066\u3044\u305f\u3060\u3044\u305f\u306e\u306f\u3001
\n\u300e\u30bf\u30a4\u30d7\u30e9\u30a4\u30bf\u30fc\u98a8\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u304c1\u884c\u3067\u4f5c\u308c\u308bt-js – ASCII<\/a>\u300f\u3055\u3093\u3067\u3059\u3002
\n\u3042\u308a\u304c\u3068\u3046\u3054\u3056\u3044\u307e\u3059\u3002<\/p>\n
\u30c7\u30e2\u30da\u30fc\u30b8\u306f\u3001\u3053\u3061\u3089<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
CSS3\u3068jQuery\u306e\u4fbf\u5229\u30d7\u30e9\u30b0\u30a4\u30f3\u3092\u5229\u7528\u3057\u3066\u3001\u30bf\u30a4\u30d4\u30f3\u30b0\u30a8\u30d5\u30a7\u30af\u30c8\u98a8\u30e1\u30cb\u30e5\u30fc\u30d0\u30fc\u3092\u4f5c\u6210\u3057\u307e\u3057\u305f\u3002 WEB\u30da\u30fc\u30b8\u306b\u30bf\u30a4\u30d4\u30f3\u30b0\u306b\u3088\u3063\u3066\u5165\u529b\u3055\u308c\u305f\u3088\u3046\u306b\u8868\u793a\u3055\u308c\u307e\u3059\u3002<\/p>\n","protected":false},"author":3,"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\/82"}],"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\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/comments?post=82"}],"version-history":[{"count":10,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/posts\/82\/revisions"}],"predecessor-version":[{"id":92,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/posts\/82\/revisions\/92"}],"wp:attachment":[{"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/media?parent=82"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/categories?post=82"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/tags?post=82"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}