animate (metodo jquery)

by Juri Rudi

HTML

<div id="mioDiv">Contenuto del div</div>
<button id="animate">animate</button>
<button id="stop1">stop (true)</button>
<button id="stop2">stop</button>
<button id="finish">finish</button>
<br>
<button id="ripristina">ripristina</button>

CSS

div {
  width: 200px;
  height: 200px;
  background-color:yellow;
  border: 1px solid black;
}

JavaScript

$("#animate").click(function(){
  $("#mioDiv").animate({
    "width" : "+=300px",
    "height" : "+=50px",
    "borderWidth" : "4px"
    }, 5000);
});

$("#stop1").click(function(){
  $("#mioDiv").stop(true, true);
});
$("#stop2").click(function(){
  $("#mioDiv").stop();
});

$("#finish").click(function(){
  $("#mioDiv").finish();
});

$("#ripristina").click(function(){
  $("#mioDiv").css(
	{
		"width": "200px",
		"height": "200px",
		"background-color":"yellow",
		"border": "1px solid black"
	});
});