jQuery效果

这篇博客详细介绍了JavaScript中用于元素显示和隐藏的show、hide方法,以及slideToggle、slideDown、slideUp、fadeIn、fadeOut、fadeToggle和animate等动画效果。这些方法通过高度变化和不透明度调整实现动态显示和隐藏,为网页增添交互性。同时,animate函数允许创建自定义动画,Stop和Finish方法控制动画的执行状态。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

显示隐藏
Show:()显示隐藏的匹配元素。这个就是‘show(speed,【callback】)’无动画的版本。如果选择则的元素是可见的,这个方法将不会改变任何东西。无论这个元素是通过hide()方法隐藏的还是在css里设置了display:none,这个方法都将有效。
hide:()隐藏显示的元素。这个就是 ‘hide( speed, [callback] )’ 的无动画版。如果选择的元素是隐藏的,这个方法将不会改变任何东西。
slideDown:()通过高度变化(向下增大)来动态地显示所有匹配的元素,在显示完成后可选地触发一个回调函数。这个动画效果只调整元素的高度,可以使匹配的元素以“滑动”的方式显示出来。
slideUp:()通过高度变化(向上减小)来动态地隐藏所有匹配的元素,在隐藏完成后可选地触发一个回调函数。这个动画效果只调整元素高度,可以使匹配的元素以“滑动”的方式隐藏起来。
slideToggle:()通过高度变化来切换所有匹配元素的可见性,并在切换完成后可选地触发一个回调函数。这个动画效果只调整元素的高度,可以使匹配的元素以“滑动”的方式隐藏或显示。
在这里插入图片描述

fadeIn:()|| fadeOut:()通过不透明度的变化来实现所有匹配元素的淡入效果,并在动画完成后可选地触发一个回调函数。这个动画只调整元素的不透明度,也就是说所有匹配的元素的高度和宽度不会发生变化。
fadeTo::()把所有匹配元素的不透明度以渐进方式调整到指定的不透明度,并在动画完成后可选地触发一个回调函数。
FadeToggle:()通过不透明度的变化来开关所有匹配元素的淡入和 淡出效果,并在动画完成后可选地触发一个回调函数。
在这里插入图片描述

animate:()用于创建自定义动画的函数。这个函数的关键在于指定动画形式及结果样式属性对象。这个对象中每个属性都表示一个可以变化的样式属性。
Stop:()停止所有在指定元素上正在运行的动画。如果队列中有等待执行的动画(并且clearQueue没有设为true),他们将被马上执行。
Finish:()停止当前正在运行的动画,删除所有排队的动画,并完成匹配元素所有的动画。当finish()在一个元素上被调用,立即停止当前正在运行的动画和所有排队的动画(如果有的话),并且他们的css属性设置为它们的目标值(所有动画的目标值)。所有排队的动画将被删除
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值