Super-Mario-no-longer-the-007

 

Code:

index.html

<!DOCTYPE html>
<html>
<head>
<title>Super Mario!</title>
<link rel=’stylesheet’ type=’text/css’ href=’stylesheet.css’/>
<script type=’text/javascript’ src=’script.js’></script>
</head>
<body>
<img src=”http://i1061.photobucket.com/albums/t480/ericqweinstein/mario.jpg”/&gt;
</body>
</html>

stylesheet.css

img {
position: relative;
left: 0;
top: 0;
}

script.js

$(document).ready(function() {
$(document).keydown(function(key) {
switch(parseInt(key.which,10)) {
// Left arrow key pressed
case 37:
$(‘img’).animate({left: “-=10px”}, ‘fast’);
break;
// Up Arrow Pressed
case 38:
$(‘img’).animate({top: “-=10px”}, ‘fast’);
break;
// Right Arrow Pressed
case 39:
$(‘img’).animate({left: “+=10px”}, ‘fast’);
break;
// Down Arrow Pressed
case 40:
$(‘img’).animate({top: “+=10px”}, ‘fast’);
break;
}
});
});

 

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Tag Cloud

%d bloggers like this: