本文主要介绍了jQuery的动画效果，并详细介绍了各种动画特效的用法。有需要的话可以了解一下，希望能帮到你。
:
目录
1.显示()隐藏()2。透明度fadeIn() fadeOut()3:控件元素slideUp() slideDown () summary的高度
JQuery提供了一些默认的动画。
控制元素的显示()隐藏()。
控制元素fadeIn()fadeOut()的透明度
控制元素slideUp()slideDown()的高度
自定义动画()
1.控制元素的显示与隐藏 show() hide()
语法：
$('选择器')。show([速度]，[回调])；
参考描述：
参数一:速度，可选例如：1000毫秒和1秒快慢正常。
参数二:回调函数，可选的show或hide函数，在执行后实现。
$(function () {
$('.李海军)。on({'mouseover':function () {
$(这个)。css('背景'，'粉红色')
}，' mouseout':function () {
$(这个)。css('背景'，' #ff2832 ')
}});
$('.菜单-BTN’)。hover(function () {
$(这个)。下一个()。显示(“快速”)
}，function () {
$(这个)。下一个()。隐藏(“慢”)
})
})
2.控制元素的透明度 fadeIn() fadeOut()
语法：
$('选择器')。fade in([速度]，[回调])；
$('选择器')。fadeOut([速度]，[回调])；
参考描述：
参数一:速度，可选。默认值为0，例如：1000毫秒等。和1秒快速慢速正常。
参数二:回调函数，执行fadeIn或fadeOut后可选，函数执行后要执行的函数。
$(function () {
$('input[name='fadein_btn']')。单击(函数(){
$('img:eq(0)')。fadeIn(500，function () {
警报(“淡入成功”)
})
})
$('input[name='fadeout_btn']')。单击(函数(){
$('img:eq(0)')。fadeOut(1000，function () {
警报(“淡出成功”)
})
})
})
3：控制元素的高度 slideUp() slideDown()
SlideDown()使元素逐渐延伸并显示。
SlideUp()逐渐缩短元素，直到它被隐藏。
语法：
$('选择器')。slide up([速度]，[回调])；
$('选择器')。下滑([速度]，[回调])；
参考描述：
参数1:速度，可选。默认值为0，例如1000毫秒1秒快慢正常。
参数2:回调函数，执行slideUp或slideDown后要执行的可选函数。
总结
本文到此为止。希望能帮到你，也希望你能多关注我们的更多内容！
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。