في هذا القسم ، يتحدث المؤلف عن العلامات الأكثر خاصة في كود HTML ، والتي يمكن أن تجعل النص في صفحات الويب التمرير والتحكم في خصائص التمرير الخاصة به.
اصنع نص التمرير
من خلال الدراسة السابقة لهذا الفصل ، يمكن للقراء بالفعل التحكم في عرض نصوص الفقرات المختلفة جيدًا ، ولكن بغض النظر عن كيفية ضبطها ، يكون النص ثابتًا. في هذا القسم ، يتحدث المؤلف عن العلامات الأكثر خاصة في كود HTML ، والتي يمكن أن تجعل النص في صفحات الويب التمرير والتحكم في خصائص التمرير الخاصة به.
4.3.1 تعيين تمرير النصتتمثل طريقة التمرير النصية في تقنية HTML في استخدام علامات مزدوجة <Marquee> </marquee>. في رمز HTML ، يمكن تمرير النص في منطقة وظيفته ، والافتراضي هو التمرير من اليمين إلى اليسار ، حلقة. قم بإنشاء ملف صفحة ويب في d:/ web/ directory ، اسمه mar.htm ، واكتب الرمز كما هو موضح في الرمز 4.15.
رمز 4.15 إعدادات التمرير النصية: mar.htm
<html>
<head>
<title> إعدادات التمرير النصية </title>
</head>
<body>
<font size = 5 color =#cc0000>
مثال التمرير النص (الافتراضي): <marquee> كن لطيفًا ليكون شخصًا </marquee>
</font>
</body>
</html>
أدخل http: //localhost/mar.htm في شريط عنوان المتصفح ، ويظهر تأثير التصفح في الشكل 4.15.
الشكل 4.15 اضبط النموذج الافتراضي للتمرير النص
من الشكل 4.15 ، عندما لا يتم تعيين العرض ، تكون علامة <Marquee> </marquee> حصرية لخط واحد.
4.3.2 اضبط اتجاه التمرير النصيتم استخدام سمة الاتجاه لعلامة <Marquee> </marquee> لتعيين اتجاه تمرير المحتوى. تشمل قيم السمة اليسار واليمين والأعلى والأسفل ، والتي تمثل اليسار واليمين والأعلى والأسفل على التوالي. على سبيل المثال ، الكود التالي:
<marquee Direction = Left> كن لطيفًا ليكون شخصًا </marquee>
أقل
<marquee Direction = UP> كن لطيفًا ليكون شخصًا </marquee>
<Marquee Direction = Down> كن لطيفًا ليكون شخصًا </marquee>
4.3.3 اضبط السرعة وشكل التمرير النصقم بتعيين تمرير النص لاستخدام علامة <Marquee> </marquee> ، ويتم وصف سماتها على النحو التالي.
- يتم استخدام خاصية ScrolLamount الخاصة بعلامة <Marquee> </marquee> لتعيين سرعة التمرير للمحتوى.
- يتم استخدام خاصية السلوك الخاصة بعلامة <Marquee> </marquee> لتعيين طريقة تمرير المحتوى. الافتراضي هو التمرير ، أي الحلقة. عندما تكون قيمتها بديلة ، سيحلق المحتوى ذهابًا وإيابًا. عندما تنزلق قيمتها ، سيتوقف المحتوى عن التمرير مرة واحدة ولن يحلق. هناك أيضًا خاصية حلقة تحدد عدد دورات التمرير ، والتي تتخلف عن الحد الأقصى.
- يتم استخدام خاصية ScrollDelay الخاصة بعلامة <Marquee> </marquee> لتعيين الفاصل الزمني للتمرير للمحتوى.
- يتم استخدام خاصية BGColor الخاصة بعلامة <Marquee> </marquee> لتعيين لون خلفية التمرير للمحتوى (على غرار إعداد لون الخلفية للجسم).
- يتم استخدام خاصية العرض الخاصة بعلامة <Marquee> </marquee> لتعيين عرض خلفية تمرير المحتوى.
- يتم استخدام سمة الارتفاع لعلامة <Marquee> </marquee> لتعيين ارتفاع خلفية التمرير للمحتوى.
قم بتعديل ملف صفحة الويب Mar.htm واكتب الرمز كما هو موضح في الرمز 4.16.
الكود 4.16 إعدادات التمرير النصية: mar.htm
<html>
<head>
<title> إعدادات التمرير النصية </title>
</head>
<body>
<size font = 3 color =#cc0000>
مثال التمرير النص (الافتراضي): <marquee> كن لطيفًا ليكون شخصًا </marquee>
مثال التمرير النص (إلى اليمين): <اتجاه سرادق = scrolldelay الأيمن = 500> كن لطيفًا ليكون شخصًا </marquee>
مثال على التمرير النص (لأسفل ، طريقة التمرير هي الشريحة ، السرعة 10): <marquee scrollamount = 10 سلوك = شريحة> كن لطيف
مثال على التمرير النص (الاتجاه الافتراضي ، طريقة التمرير بديلة ، حلقة 3 مرات ، السرعة 2): <marquee scrollamount = 2 السلوك = حلقة بديلة = 3> كن لطيفًا لتكون شخصًا </marquee>
مثال التمرير النصية (لأعلى ، لون الخلفية هو #CCFF66 ، عرض عرض الخلفية وارتفاعه): <اتجاه سرادق = UP BGCOLOR = #CCFF66 WIDTH = 250 QUIND = 55> كن لطيفًا ليكون شخصًا </marquee>
</font>
</body>
</html>
أدخل http: //localhost/mar.htm في شريط عنوان المتصفح ، ويظهر تأثير التصفح في الشكل 4.16.
الشكل 4.16 أشكال مختلفة من التمرير النص
يمكن أن تكون السمات العديدة لـ <Marquee> </marquee> مريحة للغاية لإنشاء نص التمرير. في تعلم JavaScript اللاحق ، سيستمر القراء في تعميق تعلم السلوك الديناميكي لعلامات <Marquee> </marquee>.