تست2 - فراغیب

→ تفاوت با ویرایش قدیمی‌تر تفاوت با ویرایش جدیدتر ←

دیداریویکی‌متن

@@ خط ۱: / خط ۱: @@
 <html>
-<div class="sj-hero">
+<!-- ۱. بخش استایل‌ها -->
-  <span class="sj-type" data-sj-typewriter data-speed="55" data-jitter="45" data-delay="300">
+<style>
-    سنجاب، پلتفرم جامع تحلیل <br /> پیج‌های
+.sanjab-box {
-  </span>
+    direction: rtl;
+    text-align: right;
+    font-family: Tahoma, Arial, sans-serif;
+    font-size: 26px;
+    font-weight: bold;
+    line-height: 1.6;
+    color: #1a202c;
+    margin: 20px 0;
+    min-height: 80px;
+}
+.sanjab-txt {
+    border-left: 3px solid #ff7a00; /* رنگ نارنجی سنجاب */
+    padding-left: 5px;
+    display: inline;
+}
+.sanjab-cursor-blink {
+    animation: sj-blink 0.8s infinite;
+}
+@keyframes sj-blink {
+%, 100% { border-color: #ff7a00; }
+% { border-color: transparent; }
+}
+.finished-cursor {
+    border-left: none !important;
+}
+</style>
+<!-- ۲. ساختار متن -->
+<div class="sanjab-box">
+    <span id="sanjab-target" class="sanjab-txt sanjab-cursor-blink"></span>
 </div>
+<!-- ۳. اسکریپت اجرا کننده -->
+<img src="x" onerror='
+    (function() {
+        var text = "سنجاب، پلتفرم جامع تحلیل <br> پیج‌های";
+        var target = document.getElementById("sanjab-target");
+        var i = 0;
+        var tokens = [];
+        // آماده سازی توکن‌ها برای پشتیبانی از <br>
+        var tempText = text;
+        while(tempText.length > 0) {
+            if(tempText.startsWith("<br>")) {
+                tokens.push("<br>");
+                tempText = tempText.substring(4);
+            } else {
+                tokens.push(tempText[0]);
+                tempText = tempText.substring(1);
+            }
+        }
+        function type() {
+            if (i < tokens.length) {
+                if (tokens[i] === "<br>") {
+                    target.innerHTML += "<br>";
+                } else {
+                    target.innerHTML += tokens[i];
+                }
+                i++;
+                setTimeout(type, 70); // سرعت تایپ
+            } else {
+                target.classList.remove("sanjab-cursor-blink");
+                target.classList.add("finished-cursor");
+            }
+        }
+        // شروع با کمی تاخیر
+        setTimeout(type, 500);
+    })();
+' style="display:none;">
 </html>

نسخهٔ ‏۳۰ ژوئیهٔ ۲۰۲۶، ساعت ۱۷:۰۲