gpt4 book ai didi

jquery - 圣诞快乐互动留言

转载 作者:太空宇宙 更新时间:2023-11-03 20:31:24 25 4
gpt4 key购买 nike

我正在寻找带有“圣诞快乐”消息和以下要求的页面样式:

  • 字母一个接一个地点亮和熄灭(以“M”开头,以“s”结尾,重新开始)

我试过使用 jQuery,但无法搞定。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Merry Christmas!</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
</head>
<style>
.merry-christmas{
font-weight:bold;
font-size:200px;
}
</style>
<body>

<div class="merry-christmas">
Merry Christmas!
</div>

</body>
<script>
$(document).ready(function(){
var message = $("div").text();
for (var x = 0; x < message.length; x++)
{
var c = message.charAt(x);
alert(c);//How to change the class of the letter?
}
});
</script>

我怎样才能做到这一点?

最佳答案

我的变体 https://jsfiddle.net/br3t/dmr2ksy4/ :

1) 使用setInterval(或setTimeout)

2)不要忘记CSS

关于jquery - 圣诞快乐互动留言,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41316697/

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