{"id":2343,"date":"2017-05-20T10:16:59","date_gmt":"2017-05-20T02:16:59","guid":{"rendered":"http:\/\/www.qdabc.cn\/?p=2343"},"modified":"2017-05-20T10:16:59","modified_gmt":"2017-05-20T02:16:59","slug":"js%e8%b7%91%e9%a9%ac%e7%81%af%ef%bc%88%e5%8f%af%e7%94%a8%e6%9d%a5%e8%bf%9b%e8%a1%8c%e6%8a%bd%e5%a5%96%e7%9a%84%e5%89%8d%e7%ab%af%e7%9a%84%e6%95%88%e6%9e%9c%e5%b1%95%e7%a4%ba%ef%bc%89","status":"publish","type":"post","link":"http:\/\/www.qdabc.cn\/?p=2343","title":{"rendered":"js\u8dd1\u9a6c\u706f\uff08\u53ef\u7528\u6765\u8fdb\u884c\u62bd\u5956\u7684\u524d\u7aef\u7684\u6548\u679c\u5c55\u793a\uff09"},"content":{"rendered":"<pre>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;title&gt;Jslottery&lt;\/title&gt;\r\n&lt;meta charset=\"utf-8\"\/&gt;\r\n&lt;style&gt;\r\n.machine{\r\n\tmargin: 0px auto;\r\n\twidth:280px;\r\n}\r\n.prize-cell{\r\n\tbackground-color: #cb1573;\r\n\twidth: 64px;\r\n\theight: 66px;\r\n\tposition: relative;\r\n}\r\n.prize-cell::after{\r\n\tbackground:rgba(0,0,0,0.2) none repeat scroll 0% 0%;\r\n\tcontent: \"\";\r\n\tbottom: 0px;\r\n\tleft: 0;\r\n\tright: 0;\r\n\theight: 5px;\r\n\tposition: absolute;\r\n}\r\n.machine-control-cell{\t\t\t\r\n\tbackground-color: #278EF2;\r\n}\r\n.machine-control{\r\n\twidth: 92px;\r\n\theight: 96px;\r\n\tposition: absolute;\r\n\tmargin: -44px 0px 0px 20px;\r\n\tborder-radius: 42%;\r\n\tborder: 1px solid #ff0;\r\n\tcursor: pointer;\r\n}\r\n.machine-control span{\r\n\tfont-size: 30px;\r\n\tfloat: left;\r\n\tmargin: 28px 0px 0px 16px;\r\n}\r\n&lt;\/style&gt;\r\n&lt;\/head&gt;\r\n&lt;body&gt;\r\n&lt;div class=\"machine\"&gt;\r\n\t&lt;table class=\"machine-table\"&gt;\r\n\t      &lt;tbody&gt;\r\n\t      &lt;tr&gt;\r\n\t       &lt;td class=\"prize-cell\" data-id=\"1\" &gt;&lt;\/td&gt;\r\n\t       &lt;td class=\"prize-cell\" data-id=\"2\" &gt;&lt;\/td&gt;\r\n\t       &lt;td class=\"prize-cell\" data-id=\"3\" &gt;&lt;\/td&gt;\r\n\t       &lt;td class=\"prize-cell\" data-id=\"4\" &gt;&lt;\/td&gt;\r\n\t      &lt;\/tr&gt;\r\n\t      &lt;tr&gt;\r\n\t       &lt;td class=\"prize-cell\" data-id=\"12\" &gt;&lt;\/td&gt;\t        \t\t\t        \t\r\n\t       &lt;td class=\"machine-control-cell\" colspan=\"2\" rowspan=\"2\"&gt;\r\n\t       &lt;div class=\"machine-control\" onclick=\"ClickMe(event)\"&gt;\r\n\t       &lt;span&gt;\u62bd\u5956&lt;\/span&gt;\r\n\t       &lt;\/div&gt;\r\n\t       &lt;\/td&gt;\t        \t\t\t \t        \t\t\t\r\n\t       &lt;td class=\"prize-cell\" data-id=\"5\" &gt;&lt;\/td&gt;      \t\t\t\r\n\t       &lt;\/tr&gt;\r\n\t      &lt;tr&gt;\r\n\t       &lt;td class=\"prize-cell\" data-id=\"11\" &gt;&lt;\/td&gt;\r\n\t       &lt;td class=\"prize-cell\" data-id=\"6\" &gt;&lt;\/td&gt;\r\n\t      &lt;\/tr&gt;\r\n\t      &lt;tr&gt;\r\n\t       &lt;td class=\"prize-cell\" data-id=\"10\"&gt;&lt;\/td&gt;\r\n\t       &lt;td class=\"prize-cell\" data-id=\"9\" &gt;&lt;\/td&gt;\r\n\t       &lt;td class=\"prize-cell\" data-id=\"8\" &gt;&lt;\/td&gt;\r\n\t       &lt;td class=\"prize-cell\" data-id=\"7\" &gt;&lt;\/td&gt;\r\n\t      &lt;\/tr&gt;\r\n\t      &lt;\/tbody&gt;\r\n\t&lt;\/table&gt;\r\n&lt;\/div&gt;\r\n&lt;script type=\"text\/javascript\" src=\"http:\/\/topthinking.github.io\/demos\/jslottery\/jslottery.js\"&gt;&lt;\/script&gt;\r\n&lt;script type=\"text\/javascript\"&gt;\r\n\tvar jslottery = new Jslottery({\r\n\t\tscroll_dom:'prize-cell',\r\n\t\tscroll_dom_css_value:'#ffff7e',\r\n\t\tscroll_dom_attr:'data-id',\t\t\r\n\t\tscroll_dom_css:'background-color',\r\n\t\tstart_position:Math.floor(Math.random()*12+1),\r\n\t\tcallback:function(data){}\r\n\t\t});\r\n\t function ClickMe(){\r\n\t\tjslottery.options.stop_position=Math.floor(Math.random()*12+1);\t\t\r\n\t\tjslottery.options.speed=Math.floor(Math.random()*200+300);\r\n\t\tjslottery.options.speed_up_position=Math.floor(Math.random()*6+1);\r\n\t\tjslottery.options.speed_down_position=Math.floor(Math.random()*6+1);\r\n\t\tjslottery.options.speedUp=Math.floor(Math.random()*30+20);\r\n\t\tjslottery.options.speedDown=Math.floor(Math.random()*100+600);\r\n\t\tjslottery.options.total_circle=Math.floor(Math.random()*5+2);\r\n\t\tjslottery.start();\r\n\t}\r\n&lt;\/script&gt;\r\n&lt;\/body&gt;\r\n&lt;\/html&gt;<\/pre>\n<p class=\"post-copyright\">\u6b22\u8fce\u5206\u4eab\u672c\u6587\uff0c\u8f6c\u8f7d\u8bf7\u4fdd\u7559\u51fa\u5904\uff1a<a href=\"http:\/\/www.qdabc.cn\">\u524d\u7aefABC<\/a> &raquo; <a href=\"http:\/\/www.qdabc.cn\/?p=2343\">js\u8dd1\u9a6c\u706f\uff08\u53ef\u7528\u6765\u8fdb\u884c\u62bd\u5956\u7684\u524d\u7aef\u7684\u6548\u679c\u5c55\u793a\uff09<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;Jslottery&lt;\/title&gt; &lt;meta charse [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[9,333,334],"_links":{"self":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/2343"}],"collection":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2343"}],"version-history":[{"count":1,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/2343\/revisions"}],"predecessor-version":[{"id":2344,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/2343\/revisions\/2344"}],"wp:attachment":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2343"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2343"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2343"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}