<div class="announcement-slider"> <div class="slide active"> Free same-day delivery to Cairo & Giza for orders above 2,750 EGP </div> <div class="slide"> Ferrero Rocher replaced by Petals & Leaves' Signature Luxury Chocolate </div> </div> <style> .announcement-slider{ position:relative; text-align:center; height:30px; overflow:hidden; font-size:14px; } .slide{ position:absolute; width:100%; opacity:0; transition:opacity 1s; } .slide.active{ opacity:1; } </style> <script> document.addEventListener("DOMContentLoaded", function(){ let slides=document.querySelectorAll(".slide"); let current=0; setInterval(function(){ slides[current].classList.remove("active"); current=(current+1)%slides.length; slides[current].classList.add("active"); },3000); }); </script>