JQ效果操作

显示 隐藏 切换 

分别通过show(), hide(),toggle()实现
也可以加上毫秒数,表示延时操作,比如show(2000)

向上滑动 向下滑动 滑动切换

 分别通过slideUp(), slideDown(),slideToggle()实现 
也可以加上毫秒数,表示延时操作,比如slideUp(2000)

淡入 淡出 淡入淡出切换 指定淡入程度 
分别通过fadeIn(), fadeOut(),fadeToggle() fadeTo()实现
也可以加上毫秒数,表示延时操作,比如fadeIn(2000)
fadeTo跟的参数是0-1之间的小数。 0表示不淡入,1表示全部淡入
 
通过animate 可以实现更为丰富的动画效果 
animate()第一个参数为css样式 
animate()第二个参数为延时毫秒 
注: 默认情况下,html中的元素都是固定,并且无法改变的位置的。 为了使用animate()自定义动画效果,需要通过css把元素的position设置为relative、absolute或者fixed。
 
回调函数
效果一般需要一定的时间,并且这个时间可长可短,所以就无法精确的确定该效果何时结束。
好在,效果方法都提供对回调函数callback()的支持。
只需要在调用效果方法的最后一个参数传入一个function,当效果结束的时候,就会自动调用该function了。
posted @ 2020-04-09 14:55  why666  阅读(159)  评论(0)    收藏  举报