<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Son Dakika Haberleri</title>
    <style>
        body { font-family: Arial, sans-serif; background-color: #f4f4f4; text-align: center; }
        .haber-container { overflow: hidden; white-space: nowrap; background: #d32f2f; padding: 10px; color: white; position: relative; }
        .haberler { 
            display: inline-block; 
            white-space: nowrap; 
            animation: marquee 75s linear infinite; 
        }
        .haberler a { 
            color: yellow; 
            margin-right: 50px; 
            text-decoration: none; 
            font-weight: bold; 
        }
        /* Fareyle üzerine gelindiğinde animasyonu durdur */
        .haber-container:hover .haberler {
            animation-play-state: paused;
        }

        @keyframes marquee {
            from { transform: translateX(100%); }
            to { transform: translateX(-100%); }
        }
    </style>
</head>
<body>

    <div class="haber-container">
        <div id="haberler" class="haberler">Haberler yükleniyor...</div>
    </div>

    <script>
        async function haberleriGetir() {
            const proxyUrl = "https://api.allorigins.win/get?url=" + encodeURIComponent("http://www.trthaber.com/sondakika.rss");
            try {
                const response = await fetch(proxyUrl);
                const data = await response.json();
                const parser = new DOMParser();
                const xmlDoc = parser.parseFromString(data.contents, "text/xml");
                
                let haberHTML = "";
                xmlDoc.querySelectorAll("item").forEach((item, index) => {
                    if (index < 10) { // İlk 10 haberi al
                        const title = item.querySelector("title").textContent;
                        const link = item.querySelector("link").textContent;
                        haberHTML += `<a href="${link}" target="_blank">${title}</a> `;
                    }
                });

                // 2 Kere ekleyerek daha uzun bir döngü oluşturuyoruz
                document.getElementById("haberler").innerHTML = haberHTML + " " + haberHTML;
            } catch (error) {
                console.error("Haberleri çekerken hata oluştu:", error);
            }
        }

        haberleriGetir();
    </script>

</body>
</html>

Selamlar haberler kayan haber şeklinde ve rss olarak çekilmekte fare üzerine gelince durur çekince devam eder tıklayınca habere gidersiniz trthaber sitenin rss dir diğer haber siteleride mevcut ben bunu örnek olması açısından yaptım




kodda işaretlediğim yeri hangi rss i eklerseniz onu çeker tüm rss listesi burada mevcuttur https://gist.github.com/e-budur/983d969c0f6cf756bbbb60a2892aa964 iyi forumlar