gpt4 book ai didi

javascript - 在背景悬停时循环浏览单词

转载 作者:太空宇宙 更新时间:2023-11-04 09:11:13 25 4
gpt4 key购买 nike

如何循环浏览背景图片上的单词列表。例如,假设短语是“Hello World”,我想在悬停该短语时循环浏览不同语言的单词“hello”列表。我该怎么做?

最佳答案

请注意,在不更改“world”的情况下更改“hello”实际上没有任何意义,特别是考虑到在某些语言中您可能需要两个以上的词来说“hello world”,而对于某些正确的词序列实际上可能是“world hello”。

但忽略那个问题:

var words = ["Hello", "Hi", "Yo", "Aloha", "Bonjour"]
var w = 0
var interval

var container = document.querySelector(".greeting")
var word = container.querySelector("span")

container.addEventListener("mouseover", function() {
interval = setInterval(function() {
word.textContent = words[w = (w + 1) % words.length]
}, 400)
});
container.addEventListener("mouseout", () => clearInterval(interval))
.greeting {
background-image: url("whatever");
}
<div class="greeting"><span>Hello</span> world</div>

关于javascript - 在背景悬停时循环浏览单词,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42103959/

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