زهير طه

55

22,540

دورة Html الدرس 11 - النص المتحرك Marquee


اليوم درسنا مع وسم( الدالة \ الكود \ tag ) جديد وهو marquee
و يستخدم هذا الـ tag من أجل إنشاء نصوص متحركة أو صور
الطريقة الأساسية المبسطة له:
طه سوفت للبرامج
قم بنسخ الكود ولصقه في محرر أكواد Html الموجود على الرابط :
http://www.tahasoft.com/code.htm
و سترى النتجية وهي نص متحرك من اليمين إلى اليسار

خصائص هذا الوسم:
تحديد العرض و الارتفاع:
يتم ذلك باستخدام الخاصة width , heigh

دورة برمجة المواقع على منتدى طه سوفت
حيث يكون للنص المتحرك مساحة محددة لا يتجاوزها
وبتطبيقك للكود تتوضح الفكرة

الخاصة direction
تستخدم لتحديد اتجاه الحركة و لها نوعين من اليمين right و من اليسار left
المثال :
طه سوفت للبرامج
طه سوفت للبرامج

الخاصة behavior
لها ثلاثة أشكال وهي لتحديد طريقة الحركة
لنرى كل منها بالتفصيل
1- النوع : alternate
في هذا النوع عندما يصل النص المتحرك إلى النهاية يعود إلى البداية من حيث انتهى
مثال :
طه سوفت للبرامج
2- النوع scroll
عند وصول النص للنهاية يتابع طريقه ثم يظهر من البداية و هي نفس الحالة الطبيعية لاستعمال هذا الوسم بدون خصائص
مثال :
طه سوفت للبرامج
3- الخاصة slide
عند وصول النص للنهاية يتوقف عن الحركة :
طه سوفت للبرامج
مثال يوضح الأنواع الثلاثة لرؤية الفرق بينهم:
طه سوفت للبرامج
طه سوفت للبرامج
طه سوفت للبرامج

خاصة scrolldelay
للتحكم بسرعة حركة النص ( لإنقاص السرعة فقط \ التبطيء )
وقيمتها تكون بالميلي ثانية
حيث أن كل 1 ثانية = 1000 ميلي ثانية
1 sec = 1000 m sec
مثال على نص سرعة كل انتقال فيه نصف ثانية :
طه سوفت للبرامج

الخاصة scrollamount
وهي بعكس سابقتهاscrolldelay حيث تستخدم هذه للتسريع ( زيادة السرعة )
وكلما زاد الرقم زادات السرعة
مثال توضيحي جربه و انظر السرعة
طه سوفت للبرامج
طه سوفت للبرامج

الخاصة loop
للتحكم بعدد مرات التكرار
مثال
طه سوفت للبرامج

الخاصة bgcolor
للتحكم بلون خلفية النص المتحرك
طه سوفت للبرامج
حيث يمكن كتابة اللون أو الكود الخاص به
وسنتوسع بالحديث عن الألوان مع دروس css

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

ملاحظة :
يمكن وضع صور بدل النصوص بشكل متحرك
مثال :
حيث استعملنا الوسم img بدلاً من كتابة النص فقط
طبعاً الأمثلة السابقة كلها تصبح أوضح مع التطبيق و الممارسة
مع التمنيات بالتوفق للجيمع و اعذرونا على التأخر بطرح الدروس بسبب الانشغال

التعليقات (6)

زهير طه     
أشكرك أخي طه ولكن لي عندك طلب هو:
أريد كود لنص يخرج من كلمة جديد الموقع
فمثلا عندما تدخل لموقع ترى في أعلى الصفحة شريط عنوانه (جديد الموقع)وتخرج من هذه الكلمة بشكل أفقي ما تم تحميله للموقع مؤخرا
فلو سمحت أريد الكود وهل يوضع في منطقة body أو head
وجزاك الله خيرا

أهلاً بك
ولو أن الرد متأخر لكن للإيضاح أخي هذا يحتاج إلى Php , mysql يعني ليس فقط html
حيث يعتمد على استخراج عناوين آخر المواضيع وروابطها من قاعدة البيانات
SIMOSTAR     
شكرا لك على الدروس
omaraltakheen     
أشكرك أخي طه ولكن لي عندك طلب هو:
أريد كود لنص يخرج من كلمة جديد الموقع
فمثلا عندما تدخل لموقع ترى في أعلى الصفحة شريط عنوانه (جديد الموقع)وتخرج من هذه الكلمة بشكل أفقي ما تم تحميله للموقع مؤخرا
فلو سمحت أريد الكود وهل يوضع في منطقة body أو head
وجزاك الله خيرا
abubkir     
مشكووووووووور معلم
AMIRAL     
ما شاء الله عليك شغلات خيالية
askander     
شكرا لك اخي زهير

على هذا العمل والشرح المفيد

بإنتظار المزيد من إبداعاتك