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

#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 روز گذشته", "👀 +631 بازدید در ۲۴ ساعت اخیر", "🛒 در سبد خرید 76 نفر" ]; 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 روز گذشته", "👀 +362 بازدید در ۲۴ ساعت اخیر", "🛒 در سبد خرید 85 نفر" ]; 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 روز گذشته", "👀 +414 بازدید در ۲۴ ساعت اخیر", "🛒 در سبد خرید 71 نفر" ]; 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 روز گذشته", "👀 +361 بازدید در ۲۴ ساعت اخیر", "🛒 در سبد خرید 62 نفر" ]; 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 روز گذشته", "👀 +606 بازدید در ۲۴ ساعت اخیر", "🛒 در سبد خرید 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 روز گذشته", "👀 +374 بازدید در ۲۴ ساعت اخیر", "🛒 در سبد خرید 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 روز گذشته", "👀 +306 بازدید در ۲۴ ساعت اخیر", "🛒 در سبد خرید 55 نفر" ]; 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); });