﻿1.动画使用方法介绍：


01.打开js/router.js文件找到AKjs_Config的animation参数设置为true；并且css目录中必须要有akjs.animate.css文件。

02.实现动画效果在元素中加data-animation属性，里面有三个参数name（动画名称），duration（动画毫秒），delay（动画延迟时间）。

03.例：<div data-animation="{name: 'zoomIn', duration:1, delay: 0}">内容</div> ----》这里写的name值代表动画名称，后面俩参数值1和0代表1秒和0秒。


-----------------------------------------动画名称列表（在data-animation属性里的name值）------------------------------------------------------
bounce
flash
pulse
rubberBand
shake
swing
tada
wobble
jello
bounceIn
bounceInDown
bounceInLeft
bounceInRight
bounceInUp
bounceOut
bounceOutDown
bounceOutLeft
bounceOutRight
bounceOutUp
fadeIn
fadeInDown
fadeInDownBig
fadeInLeft
fadeInLeftBig
fadeInRight
fadeInRightBig
fadeInUp
fadeInUpBig
fadeOut
fadeOutDown
fadeOutDownBig
fadeOutLeft
fadeOutLeftBig
fadeOutRight
fadeOutRightBig
fadeOutUp
fadeOutUpBig
flip
flipInX
flipInY
flipOutX
flipOutY
lightSpeedIn
lightSpeedOut
rotateIn
rotateInDownLeft
rotateInDownRight
rotateInUpLeft
rotateInUpRight
rotateOut
rotateOutDownLeft
rotateOutDownRight
rotateOutUpLeft
rotateOutUpRight
slideUp
slideDown
slideInUp
slideInDown
slideInLeft
slideInRight
slideOutUp
slideOutDown
slideOutLeft
slideOutRight
zoomIn
zoomInDown
zoomInLeft
zoomInRight
zoomInUp
zoomOut
zoomOutDown
zoomOutLeft
zoomOutRight
zoomOutUp
hinge
jackInTheBox
rollIn
rollOut
--------------------
niceIn
boomerang
swivelChair
gettinInYoFace
airplanePropeller
pulsate
candleInTheWind
highlighter
highlight-text
lawnMower
bungee
nope
heartBeat
sleepyEyes
plummit
dropItLikeItsHot
gettinLifted
glaucoma
chameleon
backdrop
--------------------
magic
twisterInDown
twisterInUp
swap
puffIn
puffOut
vanishIn
vanishOut
openDownLeft
openDownRight
openUpLeft
openUpRight
openDownLeftRetourn
openDownRightRetourn
openUpLeftRetourn
openUpRightRetourn
openDownLeftOut
openDownRightOut
openUpLeftOut
openUpRightOut
perspectiveDown
perspectiveUp
perspectiveLeft
perspectiveRight
perspectiveDownRetourn
perspectiveUpRetourn
perspectiveLeftRetourn
perspectiveRightRetourn
rotateDown
rotateUp
rotateLeft
rotateRight
slideDownIn
slideUpIn
slideLeft
slideRight
slideDownRetourn
slideUpRetourn
slideLeftRetourn
slideRightRetourn
swashOut
swashIn
foolishOut
foolishIn
holeOut
tinRightOut
tinLeftOut
tinUpOut
tinDownOut
tinRightIn
tinLeftIn
tinUpIn
tinDownIn
bombRightOut
bombLeftOut
boingInUp
boingOutDown
spaceOutUp
spaceOutRight
spaceOutDown
spaceOutLeft
spaceInUp
spaceInRight
spaceInDown
spaceInLeft

-------------------------------------------------------------------------------------------------------------------------------------------------

2.按钮滑动动画效果使用方法介绍：

# 按钮滑动动画是跟上面的动画使用方法不一样，在<button>元素中直接插入以下的class名称即可用。

------------按钮滑动动画效果class名称列表------------------

btn_hover-sweep-to-right
btn_hover-sweep-to-left
btn_hover-sweep-to-bottom
btn_hover-sweep-to-top
btn_hover-bounce-to-right
btn_hover-bounce-to-left
btn_hover-bounce-to-bottom
btn_hover-bounce-to-top
btn_hover-radial-out
btn_hover-radial-in
btn_hover-rectangle-in
btn_hover-rectangle-out
btn_hover-shutter-in-horizontal
btn_hover-shutter-out-horizontal
btn_hover-shutter-in-vertical
btn_hover-shutter-out-vertical
btn_hover-hollow
btn_hover-trim
btn_hover-ripple-out
btn_hover-ripple-in
btn_hover-outline-out
btn_hover-outline-in
btn_hover-round-corners
btn_hover-underline-from-left
btn_hover-underline-from-center
btn_hover-underline-from-right
btn_hover-overline-from-left
btn_hover-overline-from-center
btn_hover-overline-from-right
btn_hover-reveal
btn_hover-underline-reveal
btn_hover-overline-reveal
btn_hover-wayra
btn_hover-moema
btn_hover-aylen