消失出现用show()方法和hide()方法,太直接了是吧?
经过查找,原来已经有这个特效了,就是fadeIn()方法和fadeOut()方法。
$("selector").fadeIn();
控制透明度在指定时间内从display:none提高至完全显示
$("selector").fadeOut();
控制透明度在指定时间内降低至display:none;
slideUp()方法和slideDown()方法
$("selector").slideUp();
控制元素高度在指定时间内从下到上缩短至display:none;
$("selector").slideDown();
控制元素高度在指定时间内从display:none延伸至完整高度
自定义动画方法animate()
这个自定义的实现的效果也值得学习,自己去w3school学去吧。
文中内容整理自:https://fruithardcandy.iteye.com/blog/1679751
如您从本文得到了有价值的信息或帮助,请考虑扫描文末二维码捐赠和鼓励。
如本文对您有用,捐赠和留言 将是对我最好的支持~(捐赠可转为站内积分)
如愿意,请向朋友推荐本站,谢谢。
尊重他人劳动成果。转载请务必附上原文链接,我将感激不尽。
留言