ساعت دیواری سال بردز طرح سنتی مدل CW-Traditional

#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 روز گذشته", "👀 +518 بازدید در ۲۴ ساعت اخیر", "🛒 در سبد خرید 77 نفر" ]; 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 روز گذشته", "👀 +460 بازدید در ۲۴ ساعت اخیر", "🛒 در سبد خرید 119 نفر" ]; 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 روز گذشته", "👀 +546 بازدید در ۲۴ ساعت اخیر", "🛒 در سبد خرید 84 نفر" ]; 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 بازدید در ۲۴ ساعت اخیر", "🛒 در سبد خرید 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 روز گذشته", "👀 +364 بازدید در ۲۴ ساعت اخیر", "🛒 در سبد خرید 90 نفر" ]; 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 روز گذشته", "👀 +530 بازدید در ۲۴ ساعت اخیر", "🛒 در سبد خرید 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 روز گذشته", "👀 +343 بازدید در ۲۴ ساعت اخیر", "🛒 در سبد خرید 109 نفر" ]; 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 روز گذشته", "👀 +620 بازدید در ۲۴ ساعت اخیر", "🛒 در سبد خرید 64 نفر" ]; 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); });