jQuery Easing 애니메이션 효과 확장
4.567915.비교적 오래된 jQuery 플러그 인 으로 많은 사이트 에서 응용 되 고 특히 일부 페이지 에서 스크롤,슬라이드 전환 등 장면 에서 응용 이 비교적 많다.그것 은 매우 작고 다양한 애니메이션 방안 을 선택 할 수 있 으 며 사용 이 간단 하고 무료 입 니 다.
jQuery Easing 데모 보기 데모
Easing js 파일 도입
이 플러그 인 은 jQuery 를 기반 으로 하기 때문에 jQuery 라 이브 러 리 파일 과 Easing js 파일 을 동시에 도입 해 야 합 니 다
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.min.js"></script>
jQuery Easing
jQuery Easing jQuery ， jQuery 。
1.jQuery
toggle()、slideUp()、slideDown()、show()、hide() jQuery ， ：
$(element).slideUp({
duration: 1000,
easing: method,
complete: callback
});
duration： ， ， ， ， 。
easing： ，Easing js ， 、 、 ， ：linear，swing，jswing，easeInQuad，easeOutQuad，easeInOutQuad，easeInCubic， easeOutCubic，easeInOutCubic，easeInQuart，easeOutQuart，easeInOutQuart， easeInQuint，easeOutQuint，easeInOutQuint，easeInSine，easeOutSine， easeInOutSine，easeInExpo，easeOutExpo，easeInOutExpo，easeInCirc， easeOutCirc，easeInOutCirc，easeInElastic，easeOutElastic，easeInOutElastic， easeInBack，easeOutBack，easeInOutBack，easeInBounce，easeOutBounce，easeInOutBounce. 데모 데모 데모。
complete： callback， 。
2. jQuery animate()
jQuery Easing jQuery animate() ， ：
$(element).animate({
height:500,
width:600
},{
easing: 'easeInOutQuad',
duration: 500,
complete: callback
});
， ， jQuery Easing 。
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
jQuery 전후 예이 기사에서는 jquery after() 및 before() 메소드의 예를 볼 것입니다. before() 메서드는 선택한 요소 앞에 지정된 콘텐츠를 삽입합니다. after() 메서드는 선택한 요소 뒤에 지정된 콘텐츠...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
