لإنشاء HTML الزحف ديهإغلاق العلامة
من المثير للاهتمام بما فيه الكفاية ، في الأصلتم إنشاؤه تحت متصفح Internet Explorer ، في حين تعلم آخرون لفهم ذلك في وقت لاحق. على الرغم من أن ذلك يحدث عادة في الاتجاه المعاكس ، إلا أن متصفح Microsoft يعمل دائمًا كعميل متخلف ، مما يخلق العديد من المشكلات للمبرمجين.
ومع ذلك ، من وجهة نظر دلالات الألفاظ ، تعتبر قديمة ولم تعد متضمنة في مواصفات HTML. وبالتالي ، لن يتم تمرير التحقق من صحة التعليمات البرمجية التي تتضمن هذه العلامة.
ما هو السبب؟في HTML الحديث ، لا يوجد خط تمرير ، لأن كل الرسوم المتحركة والتصميم تتم بواسطة CSS. في بعض الأحيان عليك استخدام JS. وفقًا لذلك ، فإن HTML مسؤولة فقط عن الترميز. ومع ذلك ، ستعمل
في HTML ، يتم تعيين الخط الزاحف بعلامة إغلاق:
لا يمكن وضع النص الداخلي فقط ، بل أيضًا عناصر أخرى ، على سبيل المثال ، صور أو جداول. أذكر أنه على الرغم من أن هذا الرمز يعمل ، فإنه لن يمر صلاحية.
يمكنك التحكم في خط الزحف في HTML باستخدام السمات. يتم تعيين سرعة الحركة خلال سمة scrollamount. سيبدو مثل هذا:
Изменение скорости происходит за счет постоянного حذف معلومات حول موضع النص وعرضه في مكان جديد. عن طريق تغيير القيمة في السمة ، قمنا بتعيين عدد البكسل بين الموضع القديم والآخر الجديد. وفقا لذلك ، كلما زادت القيمة ، زادت السرعة. هذه السمة مدعومة من قبل جميع المتصفحات.
إذا كانت سرعة التمرير سريعة جدًا ،سيتم تشغيل التحديد التلقائي بحيث يبقى النص قابلاً للقراءة. إذا كان من الضروري تجاوز هذا التقييد ، فأدخل سمة truespeed. لاحظ أن جميع إصدارات المتصفحات لا تفهم ذلك. يمكن أن يعمل IE و Firefox معها.
يمكن ضبط التأخير بين نص التمرير باستخدام السمة scrolldelay.
سيشغل عرض العلامة العرض الكامل للصفحة الرئيسيةعنصر. والارتفاع سيكون مساويا للمحتوى في الداخل. لتغيير هذا ، يجب عليك استخدام اثنين من السمات المسؤولة عن الارتفاع والعرض. هذا هو الطول والعرض على التوالي. يمكنك استخدام البكسل أو النسب المئوية.
هناك أيضا صفات اثنين ، وهما hspace وvspace. من الضروري إنشاء مساحة فارغة حول الشاشة الاسمية ، أو بالأحرى ، المسافة البادئة. يتم تعيين المسافة على التوالي أفقيًا وعموديًا.
بالإضافة إلى السرعة ، يمكنك ضبط أخرىمعلمات الحركة. السمة الاتجاه هي المسؤولة عن اتجاه الحركة. بشكل افتراضي ، ينتقل النص من اليمين إلى اليسار. هذه الحركة تقابل القيمة الصحيحة. لجعل النص يتحرك في الاتجاه المعاكس ، يكفي تحديد اليسار ، وسيبدو كالتالي:
بالإضافة إلى التمرير الأفقي ، يمكنك تحديد واحد رأسي. لنقل المحتوى لأعلى ، استخدم القيمة لأعلى ، وتحريكه لأسفل ، استخدم القيمة المنخفضة.
لتغيير طبيعة الحركة هناك اثنانسمة مثيرة للاهتمام ومفيدة. يمكنك ضبط عدد اللفائف ، وبعدها تتوقف المحتويات في الموضع المتطرف ولن تتحرك. هذه الخاصية يقابل السمة حلقة. القيمة الافتراضية هي -1. إذا وضعت 0 ، فلن يتحرك النص على الإطلاق. القيم الصحيحة فوق 0 تبدأ العداد.
السمة الأكثر ضخامة هي السلوك.وهو مسؤول عن الطريقة التي يتم بها نقل المحتوى. القيمة الافتراضية هي التمرير. هذا يعني أن المحتوى سوف يتحرك في اتجاه معين ، وبعد أن يتم إخفاؤه تمامًا ، سيبدأ حركته من جديد.
إذا كان المحتوى منخفضًا ، فيمكنك تعيين السمةقيمة بديلة. بعد الوصول إلى النقطة القصوى ، سيبدأ المحتوى في حركته في الاتجاه المعاكس. وهكذا عدد لا حصر له من المرات إذا لم يتم تعيين العداد.
القيمة الأخيرة هي الشريحة. يقول المحتوى للذهاب إلى النهاية والتوقف.
تتضمن العلامة
HTML لا يكفي لإنشاء خط تشغيل جميل. يجب عليك استخدام الأنماط. على سبيل المثال ، إذا أردنا جعل النص أكثر جمالا:
هناك العديد من الطرق لاستخدام خط التشغيل.يمكنك ببساطة استخدام النص الجاري لجذب الانتباه. من الممكن عمل تشابه مع المخبر ، مع استيعاب كمية كبيرة من النص. يمكنك أيضًا إدراج سلسلة من الصور التي ستنقل بسلاسة. بهذه الطريقة يمكنك عرض المزيد من المحتوى.
سيساعد الخط الزاحف في كود HTML على إنشاء رسم متحرك بسيط ، إذا قمت بتطبيق صورة متحركة ، على سبيل المثال ، شخص يعمل.
قمنا بفرز كيفية إنشاء خط تشغيل في HTML.هذه طريقة بسيطة إلى حد ما يسهل تعلمها. ومع ذلك ، فإنه عفا عليه الزمن ولا يمر التحقق من الصحة. لم أتلق مزيدًا من التطوير والدعم ، مما قد يسبب مشاكل في العمل في متصفحات مختلفة.
لا نوصي باستخدامه.لإنشاء خط تشغيل ، أو بالأحرى ، الرسوم المتحركة بشكل عام ، اكتسب CSS3 قاعدة @ keyframes الفريدة. يسمح لك بإنشاء إطارات متتالية من الرسوم المتحركة. وتحدد خاصية الرسوم المتحركة بالفعل تدفق هذه الرسوم المتحركة نفسها. توفر مجموعة الأدوات هذه ميزات أكثر بكثير من علامة
