浅谈jquery的动画效果
更新时间:2013/11/14 点击:1659次
在网站制作中,网站的特效是不可少的一项内容,一个很好的动画特效往往是客户体验,有效的突出网站的形象和品牌。
如何能最大化的优化页面以提高网站访客的体验度,是每个前端开发人员在设计页面时需要考虑的一个重要问题。是每个前端页面开发人员在设计页面时要考虑的重要问题,无可置疑,jquery中众多的动画与特效方法为提高页面的用户体验度带来了极大的方便,通过几行代码,就可以实现元素的飞动,淡出淡入等动画效果,还可以自定义各种动画效果。
在网站制作中可能需要隐藏一部分内容,当需要的时候在通过鼠标或者键盘事件显示,jquery的显示和隐藏的方法有很多中,主要有show(),hide(),toggle(),slidedown(),slideup(),slidetoggle(),fadein()fadeout(),fadeTo()。
show(),hide()方法,不仅可以实现无动画的的显示和隐藏,还可以做成动画效果的显示和隐藏。
slidedown(),slideup(),功能是以滑动动画的效果改变元素的高度。
fadein()fadeout(),fadeTo()是以渐变的形式即渐隐和渐显的形式展示内容。