用jquery 實現的舊版微信飛機大戰。
以前一直都是做后台和業務邏輯，前端很少去做， 現在個小游戲。
方向鍵控制方向，Ctrl 鍵 放炸彈（當然你的有炸彈，哈哈）！
主要都是用div+Css實現的，然后用Jquery動態控制div的Css 實現整個小游戲
整體來說該有的功能都實現了吧。
也有一些問題
-webkit-background-size: 1024px 512px;
-webkit-transform: rotate(-90deg);
這個屬性IE都不支持，Google Chrome到時支持 可是也遇到了一些
使用-webkit-transform: rotate(-90deg) 后， 在去重新調整Top 或者left 屬性的時候，會出現設置的值和實際的值不符的情況， 具體原因我也沒有找了，在這里，不知道有那個大神可以幫助解惑。
最終也只能把這兩條屬性摒棄掉了。哎！
由於我把所有的素材都放在一張大圖上，這兩條Css不能用的情況下，我就只能很蛋疼的去物理操作圖片的大小 和方向， 也就變成了素材沖一張大圖變成了多張圖
此外，哪位大神有比較好的方式用鍵盤來控制飛機更平滑的移動。
下面看效果