Főoldalra

Jquery stop() és finis()



stop()         Adott pozícióban animációt leállítja. Újraindításkor az animáció, a leállítási pozícióból indul.
	 
finis()         Adott pozícióban animáció azonnal a végére ugrik, és leáll. Újraindításkor az animáció, ismét az elejétől kezdődik. 	 

<div id="stop">

Példa.


Animációs teszt.


Elhalványulási sebesség, milliseconds(3000).


</div>


 

 

<head>
<script src=https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js></script>
</head>
<body>
<div id="stop">
<p>Animációs teszt.</p><br />
<p>Elhalványulási sebesség, milliseconds(3000).</p>
</div>
		
<button id="pid01"> Animáció<br />Előre. --></button>
<button id="pid03"> Stop</button>
<button id="pid02"> Animáció<br /><-- Vissza.</button>


<script type="text/javascript">
// fadeOut() fényelnyelés.
$("#pid01").click(function(){
    $("#stop").fadeOut(3000);
});

// fadeIn() fényelnyelés felfedése.
$("#pid02").click(function(){
    $("#stop").fadeIn(3000);
});

// Animáció stop.
$("#pid03").click(function(){
    $("#stop").stop( );
});

// Animáció finish() Vége!
$("#pid04").click(function(){
    $("#stop").finish();
});
</script>