IT News/jQuery 24

jQuery animation (스크립트 에니메이션) 효과 주기

jQuery 를 이용하여 animation (에니메이션) 효과를 주는 것은 jQuery 의 장점이라고 해야할까요? 아무튼 jQuery 는 기존의 자바스크립트를 이용하면 간단한 효과를 주더라도 코드가 길어지고 복잡해집니다. 그런데 이러한 스크립트 코드의 난해함과 복잡함을 싹 없애주는 jQuery 가 개인적으로 저는 더 좋습니다. 물론 javascript 를 사용안할 수는 없지만요. 아무튼 에니메이션 효과를 주고자 jQuery 를 이용해 보았습니다. 우선 기본적인 사용 방법은 아래와 같습니다. 아래의 내용은 http://api.jquery.com/animate/ 에 있는 내용 입니다. Basic Usage To animate any element, such as a simple image: (예제 이미를 에..

IT News/jQuery 2012.05.22

jQuery 이벤트 주기 hover - mouseover, mouseout 이벤트를 한번에

jQuery Events - hover 이벤트로 마우스 오버일때와 아웃일때의 경우를 한번에 처리할 수 있습니다. 보통 hover 하게 되면 마우스 오버일 때만 생각하기 쉬운데.. 마우스가 오버될때나 키보드가 접근이 될 때우에도 포함이 됩니다. 따라서 웹접근성으로 제작하실 때에는 필요한 이벤트라고 생각이 듭니다. hover(over, out) 형식과 같이 hover 이벤트에는 두가지의 파라메터가 들어갈 수 있습니다. 즉 들어가게되는 인자는 콜백 함수로 함수의 이름을 써주는 것입니다. 아니면 아래와 같이 직접 함수의 구현부를 직접 써줄수도 있습니다. jQuery(function($){ $('p').hover( function(){ // 마우스 오버일 경우에 실행 }, function(){ // 마우스 아웃될..

IT News/jQuery 2012.05.16

jquery javascript confirm 확인/취소 버튼

jQuery(function($){ /* save all setting to file */ $('.btnDel').click(function (){ var answer = confirm ('수강을 취소 하시겠습니까? 취소하시면 데이터가 모두 삭제됩니다.'); if(answer){ var form = $(this).parents('form'); form.submit(); }else{ return false; } }); $('.btnEnroll').click(function (){ var answer = confirm ('수강 신청하시겠습니까?'); if(answer){ var form = $(this).parents('form'); form.submit(); }else{ return false; } });..

IT News/jQuery 2012.04.19