gpt4 book ai didi

javascript - 如何将此代码编写为链接单击动画

转载 作者:行者123 更新时间:2023-11-28 18:15:00 25 4
gpt4 key购买 nike

如何将此代码编写为链接点击动画。当我加载我的页面时,此动画起作用。

 (function () {
var index = 0;
var boxes = $('.box1, .box2, .box3, .box4, .box5, .box6');

function start() {
boxes.eq(index).addClass('animated');
++index;
setTimeout(start, 80);
};
start();
})();

当我点击一个链接时,我需要编写这个动画。我编写了这段代码来制作一个 CSS 动画。

最佳答案

你可以这样做......

jQuery("a#linkOne").click(function () {
var index = 0;
var boxes = $('.box1, .box2, .box3, .box4, .box5, .box6');

function start() {
boxes.eq(index).addClass('animated');
++index;
setTimeout(start, 80);
};
start();
}

HTML

<a href="javascript:;" id="linkOne" > CLick Me</a>

关于javascript - 如何将此代码编写为链接单击动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18014406/

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