动效解决方案 Ani.js

一、AnijS 让你能够通过 if、on、do、to 等简单的命令更加直观地处理动效。同时ANijS也可以用来控制AnimateCSS动画。

  • 官网 http://anijs.github.io

二、功能介绍

一个无需编码即可提升网页设计的库,Ani.js 通过 if ,on,do, to 等关键词来进行对动画的控制,内置强大的事件系统,精确控制动画的进程。

三、安装

官网下载Anijs , 下载后解压,拿到dist目录下的 anijs.js文件,为了操作dom,目录下的anijs-helper-dom-min.js也一并拿走
项目中引入



四、场景实践

1.手风琴




    
    
    
    
    Document
    


    
    
面板一
这里显示面板一的内容
面板一
这里显示面板一的内容
面板一
这里显示面板一的内容
面板一
这里显示面板一的内容

2.滚动加载




    
    
    
    Document
    
    


    

3.消息反馈




    
    
    
    Document
    
    



    

    
    


4.侧边栏滑出




    
    
    
    Document
    
    


    
    

自古英雄出少年

你可能感兴趣的:(动效解决方案 Ani.js)