Hallo Zusammen,
kenne mich mit JS nicht so gut aus, wollte allerdings damit arbeiten und habe angefangen mich einzulesen. Jedoch scheitere ich schon bei den kleinsten Hürden. Hier einmal mein bisheriger Code:
Ich möchte einfach, dass wenn ich auf den Link mit der id=btn klicke, dass sich das div mit der id=box um 200px nach rechts verschiebt. Aber irgendwie funktioniert das nicht und ich weiß nicht wieso.
Hoffentlich kann hier irgendwer einem Grünschnabel wie mir helfen.
Gruß
kfx
kenne mich mit JS nicht so gut aus, wollte allerdings damit arbeiten und habe angefangen mich einzulesen. Jedoch scheitere ich schon bei den kleinsten Hürden. Hier einmal mein bisheriger Code:
Code:
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#btn").click(function(){
$("#box").animate({margin-left: "200px"});
});
});
</script>
</head>
<body>
<a href="#" id="btn">Animate</a>
<div id="box" style="background:#98bf21;height:100px;width:100px"></div>
</body>
</html>
Ich möchte einfach, dass wenn ich auf den Link mit der id=btn klicke, dass sich das div mit der id=box um 200px nach rechts verschiebt. Aber irgendwie funktioniert das nicht und ich weiß nicht wieso.
Hoffentlich kann hier irgendwer einem Grünschnabel wie mir helfen.
Gruß
kfx