gpt4 book ai didi

javascript - 同时淡入淡出

转载 作者:太空宇宙 更新时间:2023-11-04 05:05:42 24 4
gpt4 key购买 nike

下面的代码有效,但新图像不会淡入,直到前一个图像淡出。我希望它们同时淡入和淡出,使新图像看起来好像在旧图像上淡出。

html

<img id="BiblesandCommentaries_bg" src="_\images\backgrounds\BiblesandCommentaries_bg.jpg"/>
<img id="EnquirersLibrary_bg" src="_\images\backgrounds\EnquirersLibrary_bg.jpg"/>
<img id="NewBelievers_bg" src="_\images\backgrounds\NewBelievers_bg.jpg"/>
<img id="ChristianLiving_bg" src="_\images\backgrounds\ChristianLiving_bg.jpg"/>
<img id="FamilyLibrary_bg" src="_\images\backgrounds\FamilyLibrary_bg.jpg"/>
<img id="YoungAdultLibrary_bg" src="_\images\backgrounds\YoungAdultLibrary_bg.jpg"/>
<img id="WorshipLibrary_bg" src="_\images\backgrounds\WorshipLibrary_bg.jpg"/>
<img id="BibleTeachings_bg" src="_\images\backgrounds\BibleTeachings_bg.jpg"/>
<img id="Leadership_bg" src="_\images\backgrounds\Leadership_bg.jpg"/>
<img id="SchoolofChrist_bg" src="_\images\backgrounds\SchoolofChrist_bg.jpg"/>

js

$('#sidebar a').click(function() {
$('#BiblesandCommentaries_bg, #EnquirersLibrary_bg, #NewBelievers_bg, #ChristianLiving_bg, #FamilyLibrary_bg, #YoungAdultLibrary_bg, #WorshipLibrary_bg, #BibleTeachings_bg, #Leadership_bg, #SchoolofChrist_bg').fadeTo("slow", 0);
bgImage = $(this).attr('href')+'_bg';
$(bgImage).fadeTo("slow", 1);
});

最佳答案

当你在元素上调用淡入动画时,另一个淡出动画仍在执行,所以尽量不要淡出应该淡入的元素。代码是这样的:(我添加了.not( bgImage) 的一部分。)

$('#sidebar a').click(function() {
var bgImage = $(this).attr('href')+'_bg';
$('#BiblesandCommentaries_bg, #EnquirersLibrary_bg, #NewBelievers_bg, #ChristianLiving_bg, #FamilyLibrary_bg, #YoungAdultLibrary_bg, #WorshipLibrary_bg, #BibleTeachings_bg, #Leadership_bg, #SchoolofChrist_bg').not(bgImage).fadeTo("slow", 0);
$(bgImage).fadeTo("slow", 1);
});

关于javascript - 同时淡入淡出,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10488400/

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