#dynamic-product-message { overflow: hidden; height: 34px; position: relative; } #product-message-content { display: inline-block; transition: transform 0.4s ease, opacity 0.4s ease; will-change: transform, opacity; font-weight: normal; /* متن دیگه بولد نشه */ font-size: 15px; } .scroll-out { transform: translateY(-100%); opacity: 0; } .scroll-in { transform: translateY(100%); opacity: 0; } .scroll-reset { transform: translateY(0%); opacity: 1; } document.addEventListener("DOMContentLoaded", function () { const messages = [ "🔥 بهترین قیمت در 30 روز گذشته", "👀 +654 بازدید در ۲۴ ساعت اخیر", "🛒 در سبد خرید 79 نفر" ]; let index = 0; const msgEl = document.getElementById("product-message-content"); function changeMessage() { msgEl.classList.remove('scroll-reset'); msgEl.classList.add('scroll-out'); setTimeout(() => { msgEl.innerHTML = messages[index]; // استفاده از innerHTML برای رنگ index = (index + 1) % messages.length; msgEl.classList.remove('scroll-out'); msgEl.classList.add('scroll-in'); setTimeout(() => { msgEl.classList.remove('scroll-in'); msgEl.classList.add('scroll-reset'); }, 50); }, 400); } changeMessage(); setInterval(changeMessage, 4000); });

#dynamic-product-message { overflow: hidden; height: 34px; position: relative; } #product-message-content { display: inline-block; transition: transform 0.4s ease, opacity 0.4s ease; will-change: transform, opacity; font-weight: normal; /* متن دیگه بولد نشه */ font-size: 15px; } .scroll-out { transform: translateY(-100%); opacity: 0; } .scroll-in { transform: translateY(100%); opacity: 0; } .scroll-reset { transform: translateY(0%); opacity: 1; } document.addEventListener("DOMContentLoaded", function () { const messages = [ "🔥 بهترین قیمت در 30 روز گذشته", "👀 +449 بازدید در ۲۴ ساعت اخیر", "🛒 در سبد خرید 92 نفر" ]; let index = 0; const msgEl = document.getElementById("product-message-content"); function changeMessage() { msgEl.classList.remove('scroll-reset'); msgEl.classList.add('scroll-out'); setTimeout(() => { msgEl.innerHTML = messages[index]; // استفاده از innerHTML برای رنگ index = (index + 1) % messages.length; msgEl.classList.remove('scroll-out'); msgEl.classList.add('scroll-in'); setTimeout(() => { msgEl.classList.remove('scroll-in'); msgEl.classList.add('scroll-reset'); }, 50); }, 400); } changeMessage(); setInterval(changeMessage, 4000); });

#dynamic-product-message { overflow: hidden; height: 34px; position: relative; } #product-message-content { display: inline-block; transition: transform 0.4s ease, opacity 0.4s ease; will-change: transform, opacity; font-weight: normal; /* متن دیگه بولد نشه */ font-size: 15px; } .scroll-out { transform: translateY(-100%); opacity: 0; } .scroll-in { transform: translateY(100%); opacity: 0; } .scroll-reset { transform: translateY(0%); opacity: 1; } document.addEventListener("DOMContentLoaded", function () { const messages = [ "🔥 بهترین قیمت در 30 روز گذشته", "👀 +357 بازدید در ۲۴ ساعت اخیر", "🛒 در سبد خرید 100 نفر" ]; let index = 0; const msgEl = document.getElementById("product-message-content"); function changeMessage() { msgEl.classList.remove('scroll-reset'); msgEl.classList.add('scroll-out'); setTimeout(() => { msgEl.innerHTML = messages[index]; // استفاده از innerHTML برای رنگ index = (index + 1) % messages.length; msgEl.classList.remove('scroll-out'); msgEl.classList.add('scroll-in'); setTimeout(() => { msgEl.classList.remove('scroll-in'); msgEl.classList.add('scroll-reset'); }, 50); }, 400); } changeMessage(); setInterval(changeMessage, 4000); });

#dynamic-product-message { overflow: hidden; height: 34px; position: relative; } #product-message-content { display: inline-block; transition: transform 0.4s ease, opacity 0.4s ease; will-change: transform, opacity; font-weight: normal; /* متن دیگه بولد نشه */ font-size: 15px; } .scroll-out { transform: translateY(-100%); opacity: 0; } .scroll-in { transform: translateY(100%); opacity: 0; } .scroll-reset { transform: translateY(0%); opacity: 1; } document.addEventListener("DOMContentLoaded", function () { const messages = [ "🔥 بهترین قیمت در 30 روز گذشته", "👀 +495 بازدید در ۲۴ ساعت اخیر", "🛒 در سبد خرید 117 نفر" ]; let index = 0; const msgEl = document.getElementById("product-message-content"); function changeMessage() { msgEl.classList.remove('scroll-reset'); msgEl.classList.add('scroll-out'); setTimeout(() => { msgEl.innerHTML = messages[index]; // استفاده از innerHTML برای رنگ index = (index + 1) % messages.length; msgEl.classList.remove('scroll-out'); msgEl.classList.add('scroll-in'); setTimeout(() => { msgEl.classList.remove('scroll-in'); msgEl.classList.add('scroll-reset'); }, 50); }, 400); } changeMessage(); setInterval(changeMessage, 4000); });

#dynamic-product-message { overflow: hidden; height: 34px; position: relative; } #product-message-content { display: inline-block; transition: transform 0.4s ease, opacity 0.4s ease; will-change: transform, opacity; font-weight: normal; /* متن دیگه بولد نشه */ font-size: 15px; } .scroll-out { transform: translateY(-100%); opacity: 0; } .scroll-in { transform: translateY(100%); opacity: 0; } .scroll-reset { transform: translateY(0%); opacity: 1; } document.addEventListener("DOMContentLoaded", function () { const messages = [ "🔥 بهترین قیمت در 30 روز گذشته", "👀 +515 بازدید در ۲۴ ساعت اخیر", "🛒 در سبد خرید 78 نفر" ]; let index = 0; const msgEl = document.getElementById("product-message-content"); function changeMessage() { msgEl.classList.remove('scroll-reset'); msgEl.classList.add('scroll-out'); setTimeout(() => { msgEl.innerHTML = messages[index]; // استفاده از innerHTML برای رنگ index = (index + 1) % messages.length; msgEl.classList.remove('scroll-out'); msgEl.classList.add('scroll-in'); setTimeout(() => { msgEl.classList.remove('scroll-in'); msgEl.classList.add('scroll-reset'); }, 50); }, 400); } changeMessage(); setInterval(changeMessage, 4000); });

#dynamic-product-message { overflow: hidden; height: 34px; position: relative; } #product-message-content { display: inline-block; transition: transform 0.4s ease, opacity 0.4s ease; will-change: transform, opacity; font-weight: normal; /* متن دیگه بولد نشه */ font-size: 15px; } .scroll-out { transform: translateY(-100%); opacity: 0; } .scroll-in { transform: translateY(100%); opacity: 0; } .scroll-reset { transform: translateY(0%); opacity: 1; } document.addEventListener("DOMContentLoaded", function () { const messages = [ "🔥 بهترین قیمت در 30 روز گذشته", "👀 +586 بازدید در ۲۴ ساعت اخیر", "🛒 در سبد خرید 51 نفر" ]; let index = 0; const msgEl = document.getElementById("product-message-content"); function changeMessage() { msgEl.classList.remove('scroll-reset'); msgEl.classList.add('scroll-out'); setTimeout(() => { msgEl.innerHTML = messages[index]; // استفاده از innerHTML برای رنگ index = (index + 1) % messages.length; msgEl.classList.remove('scroll-out'); msgEl.classList.add('scroll-in'); setTimeout(() => { msgEl.classList.remove('scroll-in'); msgEl.classList.add('scroll-reset'); }, 50); }, 400); } changeMessage(); setInterval(changeMessage, 4000); });

#dynamic-product-message { overflow: hidden; height: 34px; position: relative; } #product-message-content { display: inline-block; transition: transform 0.4s ease, opacity 0.4s ease; will-change: transform, opacity; font-weight: normal; /* متن دیگه بولد نشه */ font-size: 15px; } .scroll-out { transform: translateY(-100%); opacity: 0; } .scroll-in { transform: translateY(100%); opacity: 0; } .scroll-reset { transform: translateY(0%); opacity: 1; } document.addEventListener("DOMContentLoaded", function () { const messages = [ "🔥 بهترین قیمت در 30 روز گذشته", "👀 +634 بازدید در ۲۴ ساعت اخیر", "🛒 در سبد خرید 118 نفر" ]; let index = 0; const msgEl = document.getElementById("product-message-content"); function changeMessage() { msgEl.classList.remove('scroll-reset'); msgEl.classList.add('scroll-out'); setTimeout(() => { msgEl.innerHTML = messages[index]; // استفاده از innerHTML برای رنگ index = (index + 1) % messages.length; msgEl.classList.remove('scroll-out'); msgEl.classList.add('scroll-in'); setTimeout(() => { msgEl.classList.remove('scroll-in'); msgEl.classList.add('scroll-reset'); }, 50); }, 400); } changeMessage(); setInterval(changeMessage, 4000); });

#dynamic-product-message { overflow: hidden; height: 34px; position: relative; } #product-message-content { display: inline-block; transition: transform 0.4s ease, opacity 0.4s ease; will-change: transform, opacity; font-weight: normal; /* متن دیگه بولد نشه */ font-size: 15px; } .scroll-out { transform: translateY(-100%); opacity: 0; } .scroll-in { transform: translateY(100%); opacity: 0; } .scroll-reset { transform: translateY(0%); opacity: 1; } document.addEventListener("DOMContentLoaded", function () { const messages = [ "🔥 بهترین قیمت در 30 روز گذشته", "👀 +411 بازدید در ۲۴ ساعت اخیر", "🛒 در سبد خرید 93 نفر" ]; let index = 0; const msgEl = document.getElementById("product-message-content"); function changeMessage() { msgEl.classList.remove('scroll-reset'); msgEl.classList.add('scroll-out'); setTimeout(() => { msgEl.innerHTML = messages[index]; // استفاده از innerHTML برای رنگ index = (index + 1) % messages.length; msgEl.classList.remove('scroll-out'); msgEl.classList.add('scroll-in'); setTimeout(() => { msgEl.classList.remove('scroll-in'); msgEl.classList.add('scroll-reset'); }, 50); }, 400); } changeMessage(); setInterval(changeMessage, 4000); });