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

(编辑：jimmy 日期: 2026/1/15 浏览：3 次 )

先上图：

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

<!DOCTYPE HTML>
<html ng-app="myapp">
 <head>
 <meta http-equiv="content-type" content="text/html; charset=utf-8">
 <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0">
 <title>Angular2</title>
 <script type="text/javascript" charset="utf-8" src="/UploadFiles/2021-04-02/angular.min.js">

以上所述是小编给大家介绍的基于Angular.js实现的触摸滑动动画实例代码，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！

上一篇：NodeJS配置HTTPS服务实例分享
下一篇：JS变量中有var定义和无var定义的区别以及es6中let命令和const命令