gpt4 book ai didi

javascript - 动画然后用淡入淡出效果替换div的类

转载 作者:行者123 更新时间:2023-11-30 13:01:45 24 4
gpt4 key购买 nike

JSFiddle:Fiddle

它应该工作的方式如下:

1 - 红色方 block 从上到下滑动
2 - 一旦完成,红色框就会淡出
3 - 然后蓝色框淡入

以下是html:

<div class="posRel">
<div class="trans1"></div>
<div class="trans2"></div>
<div class="trans3"></div>
<div class="trans4"></div>
<div class="trans5"></div>
<div class="trans6"></div>
<div class="trans7"></div>
</div>

以下是js:

    for (i = 1; i <= 7; i++) {
$('.trans' + i).toggleClass('toggle');
}

setTimeout(function () {
$('.toggle').fadeOut('slow', function () {
$(this).addClass('fSmall1').fadeIn('slow');
});
}, 2000);

元素链接:http://50.87.144.37/~projtest/team/design/EO/page-2.html

链接到 JSFiddle

我面临的问题:

  • 淡出和淡入不工作
  • 有什么比 settimeout 更好的方法吗?

我在 js/jQuery 方面相当缺乏经验,所以请随时指出任何愚蠢的错误。谢谢。

最佳答案

我用过 fadeto 属性,试试这个链接。 http://jsfiddle.net/zcYLM/10/

[http://jsfiddle.net/zcYLM/10/][1]


[1]: http://jsfiddle.net/zcYLM/10/

关于javascript - 动画然后用淡入淡出效果替换div的类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17184375/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com