4个基于_基于Angular.js实现的触摸滑动动画实例代码

先上图：

这个主要用到是angular-touch.js中封装好的ng-swipe-left,ng-swipe-right，向左或向右的触摸事件。结合css3的transition实现的动画。ng-class为切换写好的动画的className.

 

 <script type="text/javascript"charset="utf-8"src="angular.min.js"></script>

 <script type="text/javascript"charset="utf-8"src="angular-touch.min.js"></script>

 <script type="text/javascript"charset="utf-8">

 angular.module("myapp",["ngTouch"]).controller("Controller",[function(){

 varself =this;

 self.swipeLeft =function(){

 return(self.className ="swipeleft");

 }

 }]);

 </script>