欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

jQuery中的slide特效-有时不会出现向上向下滑动的效果

程序员文章站 2022-03-21 19:29:42
之前在使用jQuery中slide特效时,就发现有些元素使用后并不是向上或向下互动的效果,上网上查也没有类似的参考答案,今天自己尝试了一下,发现哪果你设置特效的元素不是块元素,他的效果就无法正常显示,只有块元素才会正常,例如:我给一个img标签的显示和隐藏直接使用slide特效,就没有作用,和普通的显示和隐藏效果一样,后来我尝试把它放到一个div标签中,再给div的显示和隐藏设置slide特效就OK。错误案例:正确案例:......

      之前在使用jQuery中slide特效时,就发现有些元素使用后并不是向上或向下滑动的效果,上网查也没有类似的参考答案,今天自己尝试了一下,发现那些设置特效的元素不是块元素,他的效果就无法正常显示,只有块元素才会正常向上或向下滑动,例如:我给一个img标签的显示和隐藏直接使用slide特效,就没有作用,和普通的显示show()和隐藏hide()效果一样,后来我尝试把它放到一个div标签中,再给div的显示和隐藏设置slide特效就OK。

错误案例:

jQuery中的slide特效-有时不会出现向上向下滑动的效果

正确案例:

jQuery中的slide特效-有时不会出现向上向下滑动的效果

因此,我认为必须是针对块元素有效,不知道还有没有别的解释,希望分享。

本文地址:https://blog.csdn.net/xiangxiao_bobo/article/details/107488055