gpt4 book ai didi

jquery - 在jquery中创建循环背景动画

转载 作者:行者123 更新时间:2023-12-01 00:05:11 28 4
gpt4 key购买 nike

我想要的是:

当页面加载时 - 背景颜色为红色10 秒后,bgColor 变为绿色,并带有淡入淡出动画......再过 10 秒后,它会变成橙色......然后再次变成红色,依此类推......

有人可以帮忙吗

最佳答案

使用setinterval使用更改背景的回调:

$("document").ready(function() {
var colours = [ "blue", "orange", "pink" ];
var counter = 0;
function cycleBackground() {
$("body").animate({ backgroundColor: colours[counter] }, 500 );
counter++;
if(counter == colours.length) {
counter = 0;
}
}
setInterval(cycleBackground, 10000);
});

您将需要使用 jQuery UI 的 animate如果您想在颜色之间平滑循环,请使用此函数。

关于jquery - 在jquery中创建循环背景动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2359992/

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