由于<marquee>標簽已貶值。我創建了一個簡單的 CSS 來從右向左滾動我的 DIV。
<style>
#scroll-container {
overflow: hidden;
}
#scroll-text {
transform: translateX(100%);
animation: my-animation 15s linear infinite;
}
@keyframes my-animation {
from {
transform: translateX(100%);
}
to {
transform: translateX(-100%);
}
}
</style>
<div id="scroll-container">
<div id="scroll-text"> </div></div>
<script type="text/javascript" src="https://script.google.com/macros/s/AKfycbwrQBGLeIphnholKad8gvarUZ4wsMEiG9PlboMiuuB6lxW4l_UnjTuxouy2NRZkeSAd/exec"></script>
<script>
document.getElementById("scroll-text").innerHTML = marq1 " " "<b> <span style='color: #A000ff;'>" marq2 "</span> </b>" " " marq3 " " marq4 ;
</script>
它應該像選框一樣滾動，
但不是 1 行，而是滾動 3 行。
如何解決這個問題？
uj5u.com熱心網友回復：
試試這個，這應該可以解決問題。
<style>
#scroll-container {
overflow: hidden;
white-space: nowrap; /*add this*/
}
#scroll-text {
transform: translateX(100%);
animation: my-animation 15s linear infinite;
}
@keyframes my-animation {
from {
transform: translateX(100%);
}
to {
transform: translateX(-100%);
}
}
</style>
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/527402.html