منتدى جلاكسو

متصل شريف رمزى

  • الموظفين
  • *******
  • المشاركات :339
  • عضويه: 8
  • تاريخ التسجيل : 18/07/2005 » 06:01:am
كل الاكواد لاضافة نص متحرك او صور على موقعك marquee
 (شوهد 6481 مرات)
« : 06/02/2017 » 03:38:pm »
( الدالة \ الكود \ tag ) جديد وهو marquee
و يستخدم هذا الـ tag من أجل إنشاء نصوص متحركة أو صور
الطريقة الأساسية المبسطة له:
شفرة: [اختيار]
<marquee>جلاكسو لاستضافة المواقع</marquee>
خصائص هذا الوسم:
تحديد العرض و الارتفاع:
يتم ذلك باستخدام الخاصة width , heigh
شفرة: [اختيار]
<marquee width=200 heigh=50>
جلاكسو لاستضافة المواقع
</marquee>
حيث يكون للنص المتحرك مساحة محددة لا يتجاوزها
وبتطبيقك للكود تتوضح الفكرة

الخاصة direction
تستخدم لتحديد اتجاه الحركة و لها نوعين من اليمين right و من اليسار left
المثال :
شفرة: [اختيار]
<marquee direction="left">جلاكسو لاستضافة المواقع</marquee>
<marquee direction="right">جلاكسو لاستضافة المواقع</marquee>
الخاصة behavior
لها ثلاثة أشكال وهي لتحديد طريقة الحركة
لنرى كل منها بالتفصيل
1- النوع : alternate
في هذا النوع عندما يصل النص المتحرك إلى النهاية يعود إلى البداية من حيث انتهى
مثال :
شفرة: [اختيار]
<marquee behavior=alternate>جلاكسو لاستضافة المواقع</marquee>
2- النوع scroll
عند وصول النص للنهاية يتابع طريقه ثم يظهر من البداية و هي نفس الحالة الطبيعية لاستعمال هذا الوسم بدون خصائص
مثال :
شفرة: [اختيار]
<marquee behavior=scroll>جلاكسو لاستضافة المواقع</marquee>
3- الخاصة slide
عند وصول النص للنهاية يتوقف عن الحركة :
شفرة: [اختيار]
<marquee behavior=alternate>جلاكسو لاستضافة المواقع</marquee>
<marquee behavior=scroll>جلاكسو لاستضافة المواقع</marquee>
<marquee behavior=slide>جلاكسو لاستضافة المواقع</marquee>
خاصة scrolldelay
للتحكم بسرعة حركة النص ( لإنقاص السرعة فقط \ التبطيء )
وقيمتها تكون بالميلي ثانية
حيث أن كل 1 ثانية = 1000 ميلي ثانية
شفرة: [اختيار]
1 sec = 1000 m sec
مثال على نص سرعة كل انتقال فيه نصف ثانية :
شفرة: [اختيار]
<marquee scrolldelay="500">جلاكسو لاستضافة المواقع</marquee>
الخاصة scrollamount
وهي بعكس سابقتهاscrolldelay حيث تستخدم هذه للتسريع ( زيادة السرعة )
وكلما زاد الرقم زادات السرعة
مثال توضيحي جربه و انظر السرعة
شفرة: [اختيار]
<marquee scrollamount="20">جلاكسو لاستضافة المواقع</marquee>
<marquee scrollamount="50">جلاكسو لاستضافة المواقع</marquee>
الخاصة loop
للتحكم بعدد مرات التكرار
مثال
شفرة: [اختيار]
<marquee loop="2">جلاكسو لاستضافة المواقع</marquee>
الخاصة bgcolor
للتحكم بلون خلفية النص المتحرك
<marquee bgcolor="blue">جلاكسو لاستضافة المواقع</marquee>
حيث يمكن كتابة اللون أو الكود الخاص به
وسنتوسع بالحديث عن الألوان مع دروس css

يوجد خصائص أخرى مثل hspace و vspace للتحكم بالانزياح العمودي و الافقي
و غيرهم ولكن لن نطيل الحديث كثيراً فما تم ذكره كافي للتعامل مع النصوص المتحركة في html

ملاحظة : يمكن وضع صور بدل النصوص بشكل متحرك
مثال :
شفرة: [اختيار]
<marquee><img src="https://glaxu.com/1234u.gif"/></marquee>
حيث استعملنا الوسم img بدلاً من كتابة النص فقط
طبعاً الأمثلة السابقة كلها تصبح أوضح مع التطبيق و الممارسة
سجل
NoAvatar

غير متصل uaiwejuf

  • عضويه فضيه
  • ***
  • المشاركات :1,649
  • عضويه: 28990
  • تاريخ التسجيل : 12/11/2012 » 02:36:pm
رد: كل الاكواد لاضافة نص متحرك او صور على موقعك marquee
 (شوهد 6481 مرات)
« رد #1 : 28/02/2017 » 09:32:pm »
بارك الله فيك
سجل