فونت متحرک - فراغیب
Esfandiari (بحث | مشارکتها) بدون خلاصۀ ویرایش |
Esfandiari (بحث | مشارکتها) بدون خلاصۀ ویرایش |
||
| خط ۱: | خط ۱: | ||
<html> | <html> | ||
<!-- ۱. بخش استایلها --> | |||
<style> | <style> | ||
.sanjab-box { | .sanjab-box { | ||
| خط ۱۳: | خط ۱۴: | ||
} | } | ||
.sanjab-txt { | .sanjab-txt { | ||
border-left: 3px solid #ff7a00; | border-left: 3px solid #ff7a00; /* رنگ نارنجی سنجاب */ | ||
padding-left: 5px; | padding-left: 5px; | ||
display: inline; | display: inline; | ||
| خط ۲۶: | خط ۲۷: | ||
</style> | </style> | ||
<!-- | <!-- ۲. کادر مخفی برای دریافت پارامتر الگو --> | ||
<div id="sanjab-source-{{{id|1}}}" style="display:none;">{{{1|متن پیشفرض}}}</div> | <div id="sanjab-source-{{{id|1}}}" style="display:none;">{{{1|متن پیشفرض}}}</div> | ||
<!-- | <!-- ۳. کادر اصلی نمایش انیمیشن --> | ||
<div class="sanjab-box"> | <div class="sanjab-box"> | ||
<span id="sanjab-target-{{{id|1}}}" class="sanjab-txt sanjab-cursor-blink"></span> | <span id="sanjab-target-{{{id|1}}}" class="sanjab-txt sanjab-cursor-blink"></span> | ||
</div> | </div> | ||
<!-- | <!-- ۴. اسکریپت لودر و تایپرایتر --> | ||
<img src="x" onerror=' | <img src="x" onerror=' | ||
(function() { | (function() { | ||
| خط ۴۵: | خط ۴۶: | ||
var tokens = []; | var tokens = []; | ||
// | // تبدیل متن به توکنهای کاراکتری با حفظ تگهای br | ||
var tempText = text; | var tempText = text; | ||
while (tempText.length > 0) { | while (tempText.length > 0) { | ||
| خط ۷۲: | خط ۷۳: | ||
} | } | ||
i++; | i++; | ||
setTimeout(type, 70); | setTimeout(type, 70); // سرعت تایپ کاراکترها | ||
} else { | } else { | ||
// تکرار انیمیشن | |||
setTimeout(function() { | setTimeout(function() { | ||
targetEl.innerHTML = ""; | targetEl.innerHTML = ""; | ||
i = 0; | i = 0; | ||
type(); | type(); | ||
}, 2500); | }, 2500); // مکث ۲.۵ ثانیهای در پایان جمله | ||
} | } | ||
} | } | ||
setTimeout(type, | setTimeout(type, 500); | ||
})(); | })(); | ||
' style="display:none;"> | ' style="display:none;"> | ||
</html> | </html> | ||
نسخهٔ ۳۰ ژوئیهٔ ۲۰۲۶، ساعت ۱۷:۲۸