angular.js - 如何只用 AngularJs 实现图片滑动切换?
大家讲道理
大家讲道理 2017-05-15 16:51:32
0
1
779

AngularJS的图片轮播效果或是图片滑动切换效果在百度上搜到的代码基本都是基于bootstrap这个控件来实现的。
如何实现纯AngularJS不带jQ或其他。实现如手机淘宝的宝贝详情页的顶层banner那样的滑动切换图片的效果?

大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

모든 응답(1)
Ty80

직접 구현하려면 먼저 github에서 많이 검색해 보는 것이 좋습니다. 나머지 원칙은 동일합니다.

1. 스와이프 명령을 정의하세요
2. 터치 이벤트를 캡슐화하기 위해 ng는 공식적으로 ngTouch를 제공합니다
3. 이벤트를 모니터링하고 CSS 컨트롤을 사용하여 애니메이션 전환 효과 만들기(CSS3을 사용할지 아니면 구식 이징을 사용할지 여부에 따라 다름)
4. 페이지에 넣어서 활용해보세요...

최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿