循環通過懸停字背景

我怎麼能循環的話對背景圖像的頂部列表。例如，讓我們說這個短語是「Hello World」，並且我想在這個短語懸停時用不同的語言在單詞「hello」的列表中循環。我將如何做到這一點？循環通過懸停字背景

2017-02-08 Tarik Jones

能否請您詳細闡述，例如添加和分享你到目前爲止的代碼。目前尚不清楚你指的是什麼。 –

大概的setInterval連接到一個變量，所以你可以阻止它只要鼠標離開單詞「hello」，並將其設置爲默認值。老實說，我會建議你與我們分享你當前的代碼。 –

注意，它並沒有真正意義的改變「你好」也沒有改變「世界」，特別是考慮到在一些語言中，你可能需要兩個以上的詞說的「hello world」，而對於一些正確的單詞序列可能實際上是「世界你好」。

但忽略了問題：

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>

來源

2017-02-08 03:34:22 nnnnnn

循環通過懸停字背景

回答

相關問題