jQuery中 hide和fadeOut的区别 show和fadeIn的区别

发布网友发布时间：2022-04-26 10:21

共2个回答

懂视网时间：2022-05-15 14:43

本文主要为大家带来一篇关于jQuery中fade(),show()起始位置的一点小发现。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧，希望能帮助到大家。

最近在鼓弄主页的时候想要添加一个音乐播放的插件，暂时使用网易与音乐外链播放器，效果是在右下角弹出和消失，于是问题来了：

show()和fade()函数是用来显示或者隐藏元素的函数，可以为其传入时间参数，使得函数在多少毫秒内完成。

但是出现和消失的起始点在哪里呢？

默认的话，是左上角：

但是有的时候要设置元素出现的位置，比如我想让元素以右下角为起始位置，怎么做呢？

我也是否然发现但不确定是否是隐藏属性，就是我为元素设置了如下样式：

aside{
 position: fixed;
 bottom:65px;
 right:20px;
}

如此以来，元素就会以“右下角”作为出现和消失的基准点：

但是这种效果只在为元素设置position属性为fixed或者absolute时才有效果，其它时候没效果？

我认为具体实现就需要翻看源码了，哪位同仁搞清楚这个机制的话，欢迎评论或者私信，个人造诣不够。

另外，跪求一个录制gif的软件，也看到了，上面的动图效果是多么的差，至于比较广泛的GifCam软件，我这里录制出来的会变黑。。好吧，难道是要换电脑了吗？？？

热心网友时间：2022-05-15 11:51

hide隐藏的效果是从下至上或从右下到左上的慢慢折叠缩小，而fadeout的淡出效果是整体淡化直至消失。好了
现在我们可以测试下了，怎么样区别一目了然吧。
同理
show和fadein也是这样的区别！