Hello DaniWeb kings and queens - Here is a simple jquery .animate block
here's the code:
<!DOCTYPE html>
<html>
<head>
<title>TestingJ</title>
<meta name="description" content="Mseed Web Design" />
<meta name="keywords" content="web design, programming, scripting" />
<meta name="author" content="Eric Karen" />
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="/css/global.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
$(function(){
$("#clicky").click(function(){
//var x = ["7.75%", "10.75%", "25.75%", "40.75%", "30.75%"];
//var y = ["8.67%", "11.67%", "20%", "20%", "45%"];
//var index = 0;
//for(index=0;index<x.length;index++){
$("#bluestar").animate({
top: '25%',
left: '25%'
}, 2000, "swing" );
//}
}};
</script>
</head>
<body class="test">
<button id="clicky">Clicky</button>
<div id="bluestar"><img src="/images/bluestar.gif" /></div>
</body>
</html>
I realize that some of it is commented out, that is just for isolation purposes. This code should work shouldn't it? When I click my button I get absolutely no movement. I'm totally mystified. Help please.