gpt4 book ai didi

javascript - jQuery animate() 改变文本

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

我现在才刚刚迈出 jQuery animate() 的第一步。我正在尝试做一个演示类型的东西只是为了练习,但我似乎无法使用 animate() 函数在动画中间更改我的 div 的文本。

这是我当前的代码:

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"> </script>
<script>
$(document).ready(function(){
$("button").click(function(){
var div=$("div");
div.animate({left:'100px'},"slow");
div.animate({fontSize:'3em'},"slow");
div.animate({fontSize:'1em'},2000);
div.animate({opacity:'0'},"slow");
//can I change the text with animation???
div.animate({opacity:'1'},"slow");
div.animate({left:'0px'},"slow");
});
});
</script>
</head>
<body>

<button>Start Animation</button>
<div id='text' style="background:#98bf21;height:100px;width:200px;position:absolute;">HELLO</div>

</body>
</html>

有没有一种实用的方法可以在关闭不透明度时更改文本,以便在动画返回时更改文本?

最佳答案

您可以使用 queue function排队更改。

$(document).ready(function(){
$("button").click(function(){
var div=$("div");
div.animate({left:'100px'},"slow");
div.animate({fontSize:'3em'},"slow");
div.animate({fontSize:'1em'},2000);
div.animate({opacity:'0'},"slow");
div.queue(function() {
div.html('New text');
div.dequeue(); // This is necessary to continue the animation
});
div.animate({opacity:'1'},"slow");
div.animate({left:'0px'},"slow");
});
});

关于javascript - jQuery animate() 改变文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26939524/

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