本文主要介绍了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的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。