jQuery 학습 노트 jQuery 애니메이션

1328 단어 jQuery
1.시스템 에서 미리 정 의 된 애니메이션 함수 1.숨겨 진 함수 show()보이 기;/요소 보이 기(너비,높이,불투명 도 증가)hide();/숨겨 진 요 소 는 hide()숨겨 진 인터페이스 요 소 를 실행 합 니 다.css 스타일 의 display:none 에 해당 합 니 다.함수 에 도 파 라 메 터 를 추가 할 수 있 습 니 다.구체 적 으로 는 다음 과 같 습 니 다.show("slow");slow 추출 값 을 제외 하고 normal,fast 로 설정 할 수 있 습 니 다.각각 대표 시간 은 600,400,200 밀리초 입 니 다.우 리 는 구체 적 인 시간 추출 값 을 추가 할 수 있 습 니 다.구체 적 으로 다음 과 같다:slow(1000);이렇게 하면 시간 이 원 소 를 완전히 나타 내 는 시간 간격 이 1000 밀리초 2 입 니 다.불투명 함수 fadeIn();/요소 보이 기(투명도 만 증가)fadeOut();/점차 은퇴 요소 3.고 폭 함수 slideDown();/요소 높이 를 점차적으로 증가(요소 높이 만 증가)slideUp();/요소 높이 2.사용자 정의 애니메이션 함수 animate(params,speed,callback);params:스타일 속성 과 값 을 추출 하 는 맵 speed:속도 callback:애니메이션 이 완 료 될 때 실행 함수 중 params 의 스타일 속성 수 치 는 여러 속성 일 수도 있 고 누적 증가 할 수도 있 습 니 다.누적 수치 예:
 
$(function(){
$(#id1).click(function(){
$(this).animate({left:"+=500px",height:"200px"},3000,function(){
$(this).css("border","5px solid blue")
})
})
})
1.요소 애니메이션 stop()을 중단 합 니 다.현재 실행 중인 애니메이션 을 끝내 고 아래 에 정 의 된 애니메이션 을 즉시 실행 합 니 다.애니메이션 상태 is(":animate")3.다른 애니메이션 함수 toggle(speed,callback)여 부 를 판단 합 니 다./요소 상태(높이,너비,불투명 도)를 즉시 전환 하고 숨 기 면 표시 로 전환 하 며,표시 하면 전환 하 는 숨겨 진 sildeToggle(speed,callback);/요소 상태 fadeto(speed,opacity,callback)를 고도 로 전환 합 니 다.지정 한 불투명 도 값 으로 전환

좋은 웹페이지 즐겨찾기