本文共 1053 字,大约阅读时间需要 3 分钟。
键盘的上下左右键控制小鸟的方向
var rcode=39;var step=10;$(function (){ var off=$("#dbird").offset(); //方位对象 var dheight=$(window).height;//获得窗体高度 var dwidth=$(window).width; var bheight=$(window).height;//图片高度 var bheight=$(window).width; $(document).keydown(function (e){ var keyCode=e.keyCode; if(keyCode!=rcode){ $("#dbird").removeClass().addClass("direction-"+keyCode); } rcode=keyCode; switch(keyCode){ case 37://左边 off.left-=step; if(off.left<=-bwidth){ off.left=dwidth; } break; case 38://上 off.top-=step; if(off.top<=-bheight){ off.top=dheight; } break case 39://右 off.left+=step; if(off.left>=dwidth){ off.left=-bwidth; } break; case 40://下 off.top+=step; if(off.top>=dheight){ off.top=-bheight; } break; } $("#dbird").offset(off); })})css 设置浏览器自适应
#dbird{ width:206px; height:121px; positioin:absolute;}body{ overflow:hidden;}.direction-37{ transform:rotateY(180deg); //旋转沿着Y转180度}.direction-38{ transform:rotateY(-60deg); //旋转沿着Y转180度}.direction-40{ transform:rotateY(60deg); //旋转沿着Y转180度}
转载地址:http://zaboi.baihongyu.com/