{"id":752,"date":"2015-12-14T16:42:56","date_gmt":"2015-12-14T07:42:56","guid":{"rendered":"http:\/\/nantoka.filmm.info\/blog\/?p=752"},"modified":"2015-12-14T16:42:56","modified_gmt":"2015-12-14T07:42:56","slug":"%e5%8d%a0%e3%81%84%e3%81%ae%e3%82%88%e3%81%86%e3%81%aa%e3%82%b9%e3%82%af%e3%83%aa%e3%83%97%e3%83%882","status":"publish","type":"post","link":"https:\/\/nantoka.filmm.info\/blog\/?p=752","title":{"rendered":"\u5360\u3044\u306e\u3088\u3046\u306a\u30b9\u30af\u30ea\u30d7\u30c82"},"content":{"rendered":"

\u3061\u3087\u3063\u3068\u52a0\u5de5\u3057\u3066\uff0cCSS\u3092\u3064\u3051\u308b\u3068\u3053\u3046\u306a\u308a\u307e\u3059\uff0e<\/p>\n

<!doctype html>\r\n <html>\r\n  <head>\r\n   <meta charset=\"utf-8\">\r\n   <title>uranai2<\/title>\r\n      <link rel=\"stylesheet\" type=\"text\/css\" href=\"uranai.css\" \/>\r\n  <\/head>\r\n  <body>\r\n  \r\n \u5229\u304d\u8155\u52d5\u7269\u5360\u3044\r\n <div class=\"myselect\">\r\n<select name=\"hand_select\" onChange=\"result(this.value)\">\r\n<option value=\"none\" selected>\u5229\u304d\u8155\u3092\u9078\u3093\u3067<\/option>\r\n<option value=\"right\">\u53f3\u304d\u304d<\/option>\r\n<option value=\"left\">\u5de6\u304d\u304d<\/option>\r\n<\/select>\r\n<\/div>\r\n\r\n<div class=\"spacer\"><!\u2014-><\/div>\r\n\r\n<div id=\"type_\" class=\"block\"><\/div>\r\n  \r\n    <script type=\"text\/javascript\">\r\n  \r\n var txt = \t{ \/\/javascript\u306e\u914d\u5217\u3092\u4f5c\u308atxt\u306b\u5165\u308c\u308b\r\n \t\"none\":{\r\n\t\t0:\"\u5229\u304d\u8155\u3092\u9078\u3093\u3067\",\r\n\t\t1:\"\u5229\u304d\u8155\u3092\u9078\u3093\u3067\",\r\n\t\t2:\"\u5229\u304d\u8155\u3092\u9078\u3093\u3067\"\r\n\t},\r\n\t\"right\":{\r\n\t\t0:\"\u3042\u306a\u305f\u306f\u72ac\u30bf\u30a4\u30d7\u3067\u3059\",\r\n\t\t1:\"\u3042\u306a\u305f\u306f\u732b\u30bf\u30a4\u30d7\u3067\u3059\",\r\n\t\t2:\"\u3042\u306a\u305f\u306f\u725b\u30bf\u30a4\u30d7\u3067\u3059\"\r\n\t},\r\n\t\"left\":{\r\n\t\t0:\"\u3042\u306a\u305f\u306f\u30bf\u30cc\u30ad\u30bf\u30a4\u30d7\u3067\u3059\",\r\n\t\t1:\"\u3042\u306a\u305f\u306f\u30ad\u30b8\u30bf\u30a4\u30d7\u3067\u3059\",\r\n\t\t2:\"\u3042\u306a\u305f\u306f\u30ad\u30ea\u30f3\u30bf\u30a4\u30d7\u3067\u3059\"\r\n\t},\r\n }\r\n \r\n \r\n function result(myvalue){\/\/\u4e0a\u306eselect\u3067onChange\u3067\u95a2\u6570\u3092\u547c\u3073this.value\u306b\u5165\u3063\u305fvalue\u5024\u304cmyvalue\u306b\u5165\u308b\r\n\r\n\t var randnum = Math.floor( Math.random() * 3); \/\/\uff10\u301c\uff12\u306e\u4e71\u6570\u3092\u767a\u751f\u3055\u305b\u3088\r\n var mytxt = \"\" + txt[myvalue][randnum];\/\/txt\u914d\u5217\u306emyvalue\u306e\u4e71\u6570\u5024random\u3067\u914d\u5217\u306e\u4e2d\u8eab\u3092\u53d6\u308a\u51fa\u3057\uff0c\u30c0\u30d6\u30eb\u30af\u30a9\u30fc\u30c6\u30fc\u30b7\u30e7\u30f3\u3092\u3064\u3051\u3066\uff0cmytxt\u306b\u5165\u308c\u308b\r\ndocument.getElementById(\"type_\").innerHTML = mytxt;\r\n\t\/\/html\u5185\u306etype_\u3068\u3044\u3046ID\u306e\u3064\u3044\u305f\u30bf\u30b0\u3092\u63a2\u3057\uff0cmytxt\u306e\u4e2d\u8eab\u3092\u5165\u308c\u306a\u3055\u3044\r\n}\r\n \r\n \r\n  <\/script>\r\n <\/body>\r\n<\/html><\/pre>\n
CSS\u306f\u3053\u3061\u3089<\/p>\n
@charset \"UTF-8\";\r\n\r\nbody    {  \r\n    background-color: #f0f8ff;  \r\n} \r\n\r\n\r\n\r\n.myselect select {\r\n\tposition: relative;\r\n\twidth: 90%;\r\n\tpadding: 10px;\r\n\t-webkit-appearance: none;\r\n\t-moz-appearance: none;\r\n\tappearance: none;\r\n\tborder: 1px solid #999;\r\n\tbackground: #eee;\r\n\tbackground: -webkit-linear-gradient(top, #fff 0%,#efebe1 100%);\r\n\tbackground: linear-gradient(to bottom, #fff 0%,#efebe1 100%);\r\n\t    font-size: 1.4em;\r\n\r\n    \/* \u6587\u5b57\u306e\u592a\u3055\u3092bold\u306b\u6307\u5b9a *\/\r\n    font-weight: bold;\r\n}\r\n\r\n.block {\r\n\t    font-size: 1.0em;\r\n    color: #fff;\r\n    background: #3cb371;\r\n\twidth: 90%;\r\n    padding: 10px;\r\n    border: 2px dashed rgba(255,255,255,0.5);\r\n    border-radius: 6px;\r\n    -moz-border-radius: 6px;\r\n    -webkit-border-radius: 6px;\r\n    box-shadow: 0 0 0 5px #3cb371, 0 2px 3px 5px rgba(0,0,0,0.5);\r\n    -moz-box-shadow: 0 0 0 5px #3cb371, 0 2px 3px 5px rgba(0,0,0,0.5);\r\n    -webkit-box-shadow: 0 0 0 5px #3cb371, 0 2px 3px 5px rgba(0,0,0,0.5);\r\n}\r\n.spacer {\r\n    clear: both;\r\n    width: auto;\r\n    height: 10px;\r\n    }\r\n\r\n\/* CSS Document *\/\r\n\r\n<\/pre>\n
\u5b9f\u969b\u306e\u52d5\u4f5c\u306f\u3053\u3061\u3089<\/p>\n
http:\/\/filmm.info\/liub\/uranai2.html<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
\u3061\u3087\u3063\u3068\u52a0\u5de5\u3057\u3066\uff0cCSS\u3092\u3064\u3051\u308b\u3068\u3053\u3046\u306a\u308a\u307e\u3059\uff0e <!doctype html> <html> <head> <meta charset=”utf-8″> <titl … \u7d9a\u304d\u3092\u8aad\u3080 \u5360\u3044\u306e\u3088\u3046\u306a\u30b9\u30af\u30ea\u30d7\u30c82<\/span> →<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,11],"tags":[],"class_list":["post-752","post","type-post","status-publish","format-standard","hentry","category-html5","category-javascript"],"_links":{"self":[{"href":"https:\/\/nantoka.filmm.info\/blog\/index.php?rest_route=\/wp\/v2\/posts\/752","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nantoka.filmm.info\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nantoka.filmm.info\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nantoka.filmm.info\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nantoka.filmm.info\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=752"}],"version-history":[{"count":1,"href":"https:\/\/nantoka.filmm.info\/blog\/index.php?rest_route=\/wp\/v2\/posts\/752\/revisions"}],"predecessor-version":[{"id":753,"href":"https:\/\/nantoka.filmm.info\/blog\/index.php?rest_route=\/wp\/v2\/posts\/752\/revisions\/753"}],"wp:attachment":[{"href":"https:\/\/nantoka.filmm.info\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=752"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nantoka.filmm.info\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=752"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nantoka.filmm.info\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=752"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}