show()和隐藏hide() slideDown()和 slideUp() fadeIn()和fadeOut()
1==>显示show()和隐藏hide() 是一组动画 与切换toggle()
$("div").show();当不传递参数时,没有动画效果,它将某个元素瞬间显示出来
$("div").hide(100); 100ms后隐藏起来
这一组动画还可以传递回调函数,等待动画执行完毕后,在执行回调函数。
$("div").show(1000,function(){
console.log("aa"); //等动画执行完毕之后,就会触发这个函数
});
toggle()在以上两种状态之间不断的切换
总结:show()和hide()用法是一致的
2==>slideDown()是从上往下滑出,(滑入)慢慢的显示出来。如果不传递参数 也有动画效果
slideUp()是从下往上滑出,(滑出)慢慢的显示出来。
这一组动画也可以传递回调函数,等待动画执行完毕后,在执行回调函数。
slideDown()和slideUp()用法一致
$("div").slideDown(1000,function(){
console.log("aa"); //等动画执行完毕之后,就会触发这个函数
});
有没有一个方法,是滑入状态,就执行滑出。 是滑出状态,就执行滑入。用slideToggle()
$("div").slideToggle(); //在2种状态之间不停的切换
3==>淡入:fadeIn() 慢慢的显示出来,透明度从0-->1
淡出:fadeOut() 慢慢的消失,透明度慢慢下降,从1-->0
切换:fadeToggle() 在以上两种状态之间不断的切换
$("div").fadeIn(1000); 慢慢的显示出来(在1s类慢慢显示出来)
总结:这三组动画用法一致
遇见问题,这是你成长的机会,如果你能够解决,这就是收获。
作者:晚来南风晚相识
出处:https://www.cnblogs.com/IwishIcould/
本文版权归作者所有,欢迎转载,未经作者同意须保留此段声明,在文章页面明显位置给出原文连接
如果文中有什么错误,欢迎指出。以免更多的人被误导。
出处:https://www.cnblogs.com/IwishIcould/
想问问题,打赏了卑微的博主,求求你备注一下的扣扣或者微信;这样我好联系你;(っ•̀ω•́)っ✎⁾⁾!
如果觉得这篇文章对你有小小的帮助的话,记得在右下角点个“推荐”哦,或者关注博主,在此感谢!
万水千山总是情,打赏5毛买辣条行不行,所以如果你心情还比较高兴,也是可以扫码打赏博主(っ•̀ω•́)っ✎⁾⁾!
想问问题,打赏了卑微的博主,求求你备注一下的扣扣或者微信;这样我好联系你;(っ•̀ω•́)っ✎⁾⁾!
支付宝
微信
如果文中有什么错误,欢迎指出。以免更多的人被误导。