-1
我試圖讓img在整個屏幕上移動。使用ASDZ我希望img對jQuery輸入做出反應。但是，我的代碼運行不正常。誰能幫我這個？按ASDW時圖像不移動。試圖使用jquery在屏幕上移動我的圖像
HTML
<!DOCTYPE html>
<html>
<head>
<title>Plane Dodge</title>
<link rel='stylesheet' type='text/css' href='planegame.css'/>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript" src="planegame.js"></script>
</head>
<body>
<img src="airplane.png">
</body>
</html>
CSS
img {
position: relative;
left: 0;
top: 0;
}
body{
background-image: url("skygrad.jpg");
background-repeat:no-repeat;
background-size:cover;
z-index: -1;
}
JS
$(document).ready(function() {
$(document).keydown(function (key) {
switch (parseInt(key.which, 10)) {
case 65: //a
$('img').animate({
left: "-=10px"
}, 'fast');
break;
case 83: //s
$('img').animate({
top: "+=10px"
}, 'fast');
break;
case 87: //w
$('img').animate({
top: "-=10px"
}, 'fast');
break;
case 68: //d
$('img').animate({
left: "+=10px"
}, 'fast');
break;
default:
break;
}
});
});
第一個問題只是要確定......所顯示的CSS和jQuery實際上是在頭樣式表和腳本是否正確？ –
「我的代碼無法正常工作」是什麼意思？什麼不工作？代碼工作得很好。 – LcSalazar
您的意思是「ASDZ」？現在代碼被設置爲對「ASDW」 –