当前位置:   article > 正文

jquery 淡入淡出_jquery中淡入淡出中那个方法有三个参数

jquery中淡入淡出中那个方法有三个参数

速度可以用 slow  fast 或者 毫秒代替

$("button").click(function(){

$("p").hide(1000, function);

});

hide后面还可以在加一个参数,是表示在隐藏后要执行的操作,如果没有要执行的操作就为空即可。

在隐藏后的人也有显示东西基本一样就是hide变成了show。

$("button").click(function(){

$("p").hide(1000,function);

});

还有一种是互切的就是系统会自动判断你是显示还是隐藏然后会执行相反的操作。

$("button").click(function(){

$("p").toggle(1000,  function);

});

这是隐藏,表示在1秒内所有的p都会被隐藏,但这个隐藏是往左上角隐藏的。

还有一种是原地隐藏的,就是真的淡入和淡出,

fadeIn()   fadeOut()   fadeToggle()

也是一样只要把上面的hide 或者 show 或者 toggle 改成相应的函数就行。

还有一种是实现像升降式的幕布一样的向上收缩或者向下伸展。

slideUp()  slideDown()  slideTOggle() 使用方法同上

在这还可以将父节点也进行隐藏

$("button").click(function(){

$(this).parents(".fa").fadeOut(1000, function);

});

这就是将父亲中 class 是 fa 的父亲在一秒隐藏掉。

还有一个比较特别的函数 fadeTo()

里面有三个参数 一个是时间, 一个是不透明度, 一个是函数

在执行这个函数的时候他会将要淡入或者淡出的内容淡到相应的透明度然后执行你想要执行的函数, 第三项依旧是选填。

ps:在parents中父亲不止是当前的父节点, 父亲的父亲也是父亲所以会有很多的父亲。 而parent()就是只有一个就是直接的父亲

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/笔触狂放9/article/detail/660314
推荐阅读
相关标签
  

闽ICP备14008679号