jQuery Easing Plugin

jQuery에서 더욱 확장된 Easing 기능을 제공하는 플러그인 사이트 입니다. 이 플러그인을 사용하면 굉장히 다양한 Ease In, Out 기능을 jQuery에서 혼용하여 사용 할 수 있습니다.


// Animate DIV
$(document).ready(function(){
jQuery.easing.def = 'easeOutQuart';

// Using multiple unit types within one animation.

$(".left").click(function(){
$("#left").animate( { width:"400px" }, 1500)
});

$(".middle").click(function(){
$("#middle").animate( { width:"400px"}, 1500 )
});

$(".both").click(function(){
$(".left").add(".middle").click();
});

$(".reset").click(function(){
$("div").css({width:""});
});

});


위와같이 셋팅하는 것이 일단 가장 나은것 같고요. Ease의 종류는 링크 건 사이트에서 풀다운 메뉴에 해당하는 부분의 이름을 써주시면 효과가 바뀝니다




그 사이트에 있는 자바스크립트 코드는, 여러가지 샘플을 풀다운 메뉴를 통해서 한번에 보여주려고 변수처리를 해서 그렇고요, 우리는 그렇게 복잡하게 안써도 됩니다^^