Hvordan får jeg en genstand til at bevæge sig når jeg klikker et sted?
Hej alle :)Har denne kode:
[code]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" href="css/css.css" type="text/css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<title>untitled</title>
<style>
body { }
a { padding:15px;
background:red;
border:1px solid blue;
outline:none;
left:0px;position:absolute;
}
</style>
<script type="text/javascript">
$(document).ready(function () {
$("a").click(function(){ $(this).animate({"left": "+=50px"}); });
});
</script>
</head>
<body>
<a href="#">Klik</a>
</body>
</html>
[/code]
Når jeg klikker på "Klik" så bevæger den sig, MEN nu vil jeg gerne forsøge at gå videre til næste step, nemlig at få den til at bevæge sig med en slidefunktion, som hvis det f.eks var en mand der gik (Ligesom man kender det fra divser online strategi spil).
Så mit spørgsmål er, hvordan får jeg genstanden til at bevæge sig til det punkt jeg klikker på min side (Evt. via koridinator e.lign).
I kan se det jeg har oppe pt her: http://sithoweb.dk/animate
Håber nogle kan jeg hjælpe...