move object jquery
212
1
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<style>
div {
width: 30px;
height: 30px;
background: red;
position: relative;
}
</style>
<script>
$(document).ready(function () {
$(document).keydown(function (e) {
if( !$("div").is(':animated') ) {
var keyCode = e.which || e.keyCode;
switch (e.which) {
case 37:
$("div").animate({ 'marginLeft': "-=10px" }); //left arrow key
break;
case 38:
$("div").animate({ 'marginTop': "-=10px" }); //up arrow key
break;
case 39:
$("div").animate({ 'marginLeft': "+=10px" }); //right arrow key
break;
case 40:
$("div").animate({ 'marginTop': "+=10px" }); //bottom arrow key
break;
}
}
});
});
</script>
</head>
<body>
</p>
<div></div>
</body>
</html>
By 6 years ago
The power of the user (%)
The most helpful JQUERY solutions
plugin get client ip address using jqueryJQUERY
Click to see more ...
11K
1.8K
How to get client machine name or computer name with jquery?JQUERY
Click to see more ...
16.3K
793
plugin detect country jqueryJQUERY
Click to see more ...
5.9K
772
cookie jqueryJQUERY
Click to see more ...
4K
398
plugin convert thousands to K jqueryJQUERY
Click to see more ...
3.5K
402
show position on google map jqueryJQUERY
Click to see more ...
2.8K
389
how to create a jquery plugin for converting date to days ago, month ago and year ago ?JQUERY
Click to see more ...
3K
349
How to detect the version of IE browser using jquery ?JQUERY
Click to see more ...
2.8K
338
How to get top, right, left, bottom position of element div using jquery ?JQUERY
Click to see more ...
3K
296
how to get ip address using jquery ?JQUERY
Click to see more ...
2.6K
286
- Related solutions:
- change position of element when user moves the scrollbar usi ...
1.4K 23 - move object using keys arrows jquery
259 8 - move mouse jquery
141 2 - how to remove a popover using jquery ?
426 26 -
Vote
7
- Latest solutions:
- plugin get flag by country jquery
2.7K 61 - How to get country from client ip address using jquery ?
1.5K 72 - plugin create qr code jquery
1.8K 32 - Nice select dropdown with jquery
1.2K 9 - 5 star rating using jquery
1.4K 6 - create live clock with jquery
1.1K 38 - How set toggle class using jquery ?
861 6 - check if numeric jquery
782 9 - detect mobile jquery
787 8 - search data in text file using jquery ?
779 5 - Helpful solutions:
- plugin get client ip address using jquery
11K 1.8K - How to get client machine name or computer name with jquery?
16.3K 793 - plugin detect country jquery
5.9K 772 - cookie jquery
4K 398 - plugin convert thousands to K jquery
3.5K 402 - show position on google map jquery
2.8K 389 - how to create a jquery plugin for converting date to days ag ...
3K 349 - How to detect the version of IE browser using jquery ?
2.8K 338 - How to get top, right, left, bottom position of element div ...
3K 296 - how to get ip address using jquery ?
2.6K 286
JQUERY
Would you like to receive an e-mail notification when new JQUERY solution is created?