تست2: تفاوت میان نسخه‌ها

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

@@ خط ۱: / خط ۱: @@
 <html>
-<div class="sanjab-typewriter-container">
+<!-- ۱. بخش استایل‌ها -->
-     <span class="sanjab-typewriter">سنجاب، پلتفرم جامع تحلیل <br /> پیج‌های </span>
+<style>
+.sanjab-box {
+    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; }
+}
+</style>
+<!-- ۲. ساختار متن -->
+<div class="sanjab-box">
+     <span id="sanjab-target" class="sanjab-txt sanjab-cursor-blink"></span>
 </div>
+<!-- ۳. اسکریپت اجرا کننده با قابلیت تکرار (Loop) -->
+<img src="x" onerror='
+    (function() {
+        var text = "فراغیب فراتر از غیب  <br>با ما اصولی دیده شوید ";
+        var target = document.getElementById("sanjab-target");
+        var i = 0;
+        var tokens = [];
+        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 {
+                // --- بخش تکرار از نو ---
+                setTimeout(function() {
+                    target.innerHTML = ""; // پاک کردن متن برای شروع مجدد
+                    i = 0;                 // بازنشانی شمارنده
+                    type();                // شروع دوباره تایپ
+                }, 2500);                  // ۲.۵ ثانیه مکث قبل از شروع مجدد
+            }
+        }
+        setTimeout(type, 500);
+    })();
+' style="display:none;">
 </html>