首页 > Web开发 > 详细

jQuery中toggle与slideToggle以及fadeToggle的显示、隐藏方法的比较

时间:2021-01-11 18:23:19      阅读:29      评论:0      收藏:0      [点我收藏+]

1、区别

①动画效果的比较:

toggle:直接显示、隐藏,如果有【时间参数】且【匹配的元素有宽度属性】,则动态效果为左上角-右下角拉卷效果,透明度0-1之间的变化;若有时间参数但是【匹配的元素没有宽度属性】,则动态效果为上下拉卷的效果,且没有透明度的变化。

slideToggle:切换上下拉卷滚效果,竖向变换。

fadeToggle:切换效果为淡入、淡出,只与透明度相关。

②判断方式的比较:

toggle:判断方式为匹配元素的display属性

slideToggle:判断方式为匹配元素的height属性

fadeToggle:判断方式为匹配元素的opacity属性

2、共性

①三个方法动画结束后若匹配元素隐藏,则display值都会变成”none“,不再影响页面的布局

②若同时有多个匹配元素,则这些元素不会作为一个整体实现动画,而是异步完成动画效果(同时完成)

 

个人学习动画效果的一些心得,如有错误或见解不到之处还望指正!

jQuery中toggle与slideToggle以及fadeToggle的显示、隐藏方法的比较

原文:https://www.cnblogs.com/aiadam/p/14263281.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!