angle.js - AngularJ만 사용하여 이미지 슬라이딩 전환을 구현하는 방법은 무엇입니까?
大家讲道理2017-05-15 16:51:32
0
1
790
AngularJS의 이미지 캐러셀 효과나 이미지 슬라이딩 전환 효과에 대한 Baidu의 코드는 기본적으로 부트스트랩 제어를 기반으로 합니다.
jQ나 기타 도구 없이 순수 AngularJS를 구현하는 방법. 모바일 타오바오 아기 상세페이지 상단 배너처럼 슬라이드하여 사진을 전환하는 효과를 얻으시겠어요?
직접 구현하려면 먼저 github에서 많이 검색해 보는 것이 좋습니다. 나머지 원칙은 동일합니다.
1. 스와이프 명령을 정의하세요
2. 터치 이벤트를 캡슐화하기 위해 ng는 공식적으로 ngTouch를 제공합니다
3. 이벤트를 모니터링하고 CSS 컨트롤을 사용하여 애니메이션 전환 효과 만들기(CSS3을 사용할지 아니면 구식 이징을 사용할지 여부에 따라 다름)
4. 페이지에 넣어서 활용해보세요...
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
직접 구현하려면 먼저 github에서 많이 검색해 보는 것이 좋습니다. 나머지 원칙은 동일합니다.
1. 스와이프 명령을 정의하세요
2. 터치 이벤트를 캡슐화하기 위해 ng는 공식적으로 ngTouch를 제공합니다
3. 이벤트를 모니터링하고 CSS 컨트롤을 사용하여 애니메이션 전환 효과 만들기(CSS3을 사용할지 아니면 구식 이징을 사용할지 여부에 따라 다름)
4. 페이지에 넣어서 활용해보세요...