动画

动画

 

在程序编程里面；不管是网页浏览还是软件应用方面；都离不开动画效果；什么又是动画效果呐？

这里的动画不是动画片啦；是指在我们浏览网页或者软件运用过程中的视觉体验；比如点击一个按钮跳转页面；不加动画直接一闪就跳过去了；加了动画就是在跳转的时候出现一些的加载什么的；有一定延迟的

过度效果；比如什么淡入淡出；滑动效果；还有旋转和变形都是动画；

 

jQuery中的隐藏和显示效果

 ① show() 显示隐藏的匹配元素

 ② hide() 隐藏显示的元素

 ③ toggle()如果元素是可见的，切换为隐藏的；如果元素是隐藏的，切换为可见的。

这里是通过eq的索引值获取到button按钮；在通过点击事件，点击出现隐藏效果（hide）；

同样；显示效果一样；我们把hide隐藏改为show显示；

后面还可以根据需要加入参数；

speed: 隐藏/显示 效果的速度。默认是 "0"毫秒。可能的值：slow（600），normal，fast(200)。"

easing:(Optional) 用来指定切换效果，默认是"swing"，可用参数"linear"

fn:在动画完成时执行的函数，每个元素执行一次    

 

jQuery中的滑动效果

 ① slideDown() 通过高度变化（向下增大）来动态地显示所有匹配的元素

 ② slideUp() 通过高度变化（向上减小）来动态地隐藏所有匹配的元素

 ③ slideToggle() 通过高度变化来切换所有匹配元素的可见性

我们可以通过这些绑定点击事件来触发动画；根据上面的关键字来进行动画；

 

在jQuery中的淡入淡出效果

    ①fadeOut() 淡出效果

    ②fadeIn() 淡入效果

    ③fadeToggle() 淡入/出效果切换

    ④fadeTo() 改变选定元素的透明度

我们同样获取到后；写入触发事件来进行动画控制；