Multiple values for animate:animate internal settings are synchronized, and the chained animate is animated in turn.
Example: Animate ({left:0, top:0, width:300, height:300},3000). Animate ({opacity:0}). Animate ({opacity:1}). You can also specify an increment, $ ("#div1"). Animate ({height: "+=100"});
If it is a + =,-= Increment form to be written as a string, because JavaScript does not recognize this syntax
123<meta http-equiv= "Content-type" content= "text/html; Charset=utf-8 "/>4<title></title>5<script src= "Jquery-1.8.3.js" ></script>6<script type= "Text/javascript" >7$(function () {8$ (': Button '). Click (function () {9$ (' img '). Animate ({' Left ': ' 20px ', ' top ': ' 500px ', ' width ': ' 30px ', ' height ': ' 30px '}, ' + '). Animate ({' Top ': ' 20px ', ' Le FT ': ' 600px ', ' width ': ' 100px ', ' height ': ' 100px '}, ' + '. Animate ({' Top ': ' +=400px ', ' Left ': '-=500px '},3000);Ten }); One }); A - -</script> the -<body> -<input type= "button" name= "name" value= "Bird flying Up"/> -<br/> + -</body> +17jquery Learning notes-------animations----Pictures moving around the web, changing styles