博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
AngularJs $animate 让页面动起来
阅读量:7193 次
发布时间:2019-06-29

本文共 1775 字,大约阅读时间需要 5 分钟。

$animate

$animate服务提供了基本的DOM操作功能如在DOM里插入、移除和移动元素,以及添加和删除类。这个服务是ngAnimate的核心服务,为CSS和Javascript提供了高档次的动画。

$animate在Angular核心都是有效的,无论如何,这个服务为了支持所有动画须包含ngAnimate模块。否则,$animate只能做简单的DOM操作。

方法

enter(element,parent,after,[done]);

在DOM中,将一个元素插入到元素后面或作为第一个子元素插入父元素。一旦完成,done()将会被回调(如果done()存在)。

element:被插入到DOM的元素。

parent:将会被插入子元素的父元素。(如果下一个元素不存在)。

after:后面插入元素的兄弟元素。

done:当元素被插入DOM后执行的回调函数。

leave(element,[done]);

从DOM中移除元素。一旦完成,done()将会被调用(如果done()存在)。

element:将会被从DOM中移除的元素。

done:当元素被从DOM删除后执行的回调函数。

move(element,parent,after,[done]);

将提供的元素在DOM中移动位置,在父元素的内部或者兄弟元素之间。一旦完成,该done()将会被回调(如果done()存在)

element:在DOM中被移动的元素。

parent:将会被插入子元素的父元素。(如果下一个元素不存在)。

after:后面被放置元素的兄弟元素。

done:当元素在DOM中被移动后执行的回调函数。

addClass(element,className,[done]);

给提供的元素添加提供的CSS类名。一旦完成,done()将会被调用(如果done()存在)。

element:将会被添加class名称的元素。

className:将会被提供的css类。

done:当css类被添加到元素中后执行的回调函数。

removeClass(element,className,[done]);

给提供的元素移除提供的CSS类名。一旦完成,done()将会被调用(如果done()存在)。

element:将会被移除class名称的元素。

className:将会被移除的css类。

done:当css类被从元素中移除后执行的回调函数。

setClass(element,add,remove,[done]);

在元素中添加或者移除给定的css类名。一旦完成,done()将会被调用(如果done()存在)。

element:被设置CSS类的元素。

add:将会被添加到元素的CSS类。

remove:将会从元素上移除的CSS类。

done:当元素中的css类被设置后执行的回调函数。

实现animate动画代码1:

  
$animate

实现animate动画代码2:

  
$animate

Test List

实现animate动画代码3:

  
$animate

Test List

更多效果,可在google搜"$animate",百度资料太少了额,质量也不行...

转载地址:http://ypxkm.baihongyu.com/

你可能感兴趣的文章
python基础知识~list详解
查看>>
php表单提交时获取不到post数据的解决方法
查看>>
Smart3D系列教程6之 《案例实战演练3——倾斜数据正射影像及DSM的生产》
查看>>
面向对象特征
查看>>
android-23 View.java - dispatchTouchEvent源码
查看>>
08-JavaScript中的函数
查看>>
angularjs系列之双向绑定
查看>>
[USACO09MAR]Cleaning Up
查看>>
项目开发之前端css、img、js组织方式与管理方法
查看>>
android 基于百度地图api开发定位以及获取详细地址
查看>>
从跳出率分析网站粘度
查看>>
程序员健康Tips
查看>>
批量obj格式直接转gltf
查看>>
2-sat
查看>>
浅谈算法——博弈论
查看>>
【零基础学习iOS开发】【02-C语言】01-概述
查看>>
1002 GTY's birthday gift
查看>>
python 排序算法
查看>>
ViewPager中的View更新
查看>>
MongoDB 分片管理
查看>>