Forked from: tokuhirom's forked: 2011-10-17 1st View Diff (2) forked: 2011-10-17 1st hasegawayosu Follow 2012-12-18 13:21:58 License: MIT License Fork0 Fav0 View794 Play Stop Reload Fullscreen Smart Phone Readme JavaScript 23 lines HTML 1 lines CSS 8 lines forked: 2011-10-17 1st // forked from tokuhirom's "forked: 2011-10-17 1st" http://jsdo.it/tokuhirom/hKvV // forked from cho45's "forked: 2011-10-17 1st" http://jsdo.it/cho45/gd81 // forked from moriyoshi's "2011-10-17 1st" http://jsdo.it/moriyoshi/syTt var n = document.getElementById('sprite'); var r = 0, s = 1; setInterval(function() { var trans = 'rotate(' + r + 'deg) scale(' + s + ',' + s + ')'; n.setAttribute('style', '-moz-transform:' + trans +'; -webkit-transform:' + trans + '; -ie-transform:' + trans + '; transform:' + trans); r += .9; s += .01; }, 10); document.body.onclick = function () { var target = n; if (target.requestFullScreen) { target.requestFullScreen(); } else if (target.mozRequestFullScreen) { target.mozRequestFullScreen(); } else if (target.webkitRequestFullScreen) { target.webkitRequestFullScreen(); } }; <div id="sprite" class="n"></div> forked: 2011-10-17 1st body { background-color: #DDDDDD; font: 30px sans-serif; overflow: hidden; } .n { background: url(http://cdn-ak.f.st-hatena.com/images/fotolife/y/yappo/20101224/20101224171359.jpg) no-repeat center; width: 100%; height: 465px; } // forked from tokuhirom's "forked: 2011-10-17 1st" http://jsdo.it/tokuhirom/hKvV // forked from cho45's "forked: 2011-10-17 1st" http://jsdo.it/cho45/gd81 // forked from moriyoshi's "2011-10-17 1st" http://jsdo.it/moriyoshi/syTt var n = document.getElementById('sprite'); var r = 0, s = 1; setInterval(function() { var trans = 'rotate(' + r + 'deg) scale(' + s + ',' + s + ')'; n.setAttribute('style', '-moz-transform:' + trans +'; -webkit-transform:' + trans + '; -ie-transform:' + trans + '; transform:' + trans); r += .9; s += .01; }, 10); document.body.onclick = function () { var target = n; if (target.requestFullScreen) { target.requestFullScreen(); } else if (target.mozRequestFullScreen) { target.mozRequestFullScreen(); } else if (target.webkitRequestFullScreen) { target.webkitRequestFullScreen(); } }; <div id="sprite" class="n"></div> body { background-color: #DDDDDD; font: 30px sans-serif; overflow: hidden; } .n { background: url(http://cdn-ak.f.st-hatena.com/images/fotolife/y/yappo/20101224/20101224171359.jpg) no-repeat center; width: 100%; height: 465px; } use an iframe compat browser, deer Play on jsdo.it games Author Share ブログに埋め込む QR Tag Download Complete! Description What kind of game? Control Device Smartphone Controllerjsdo.it WebSocket Controller» Mouse Keyboard Touch Device Fullscreen Activated Inactivated jsdo.it games から削除する Submit Author hasegawayosuke Tweet Default Panel Auto play Screenshot Readme JavaScript HTML CSS Size Width: px Height: px code <script type="text/javascript" src="http://jsdo.it/blogparts/4hEJ/js"></script> art&design Discussion Questions on this code? Tags art&design
