Merhaba;
Sitemin bir yerine şu sitede yazan gibi hareketli yazı eklemek istiyorum.
Örnek sİte:
https://www.ogm.gov.tr/tr
"Ormanlar Sadece Ağaç Değil; Hayattır...Sağlıktır...Mutluluktur...Huzurdur... " yazısı gibi. İlk baştaki kelimeler sabit kalacak. Son kelime sürekli değişecek...
Bunu en basit haliyle nasıl yapabilirim?
Banner yapmak daha mı mantıklı?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Değişen Kelimeler</title>
<style>
.sabit-kelimeler {
display: inline-block;
margin-right: 5px; /* Boşluk ayarı */
}
.degisen-kelime {
display: inline-block;
width: 100px; /* İstenilen genişlik */
text-align: center;
background-color: #3498db; /* İstenilen arka plan renk */
color: #fff; /* İstenilen metin rengi */
padding: 5px;
}
</style>
<script>
var degisenKelime = document.getElementById('degisen-kelime');
var kelimeler = ["kedi", "köpek", "inek"];
var index = 0;
function degisenKelimeGuncelle() {
degisenKelime.textContent = kelimeler[index];
index = (index + 1) % kelimeler.length;
setTimeout(degisenKelimeGuncelle, 2000); // Yazı değişim hızı (milisaniye cinsinden)
}
degisenKelimeGuncelle(); // İlk çağrı
</script>
</head>
<body>
<div class="sabit-kelimeler">
<span>Sabit</span>
<span>Kelimeler</span>
<span>Burada</span>
<span>Duracaklar</span>
</div>
<div id="degisen-kelime" class="degisen-kelime"></div>
</body>
</html>