أخر الاخبار

كود إنشاء نص متحرك في كل الاتجاهات 5 طرق

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

 

طريقة تحريك نص في كل الاتجاهات

طريقة تحريك نص في كل الاتجاهات - Code to create animated text in all directions

كود تحريك النص موضوع المقال خفيف ويمكنك التحكم في جميع خصائص الكود مثل اتجاه الحركة من اليمين إلى اليسار والعكس ومن أعلي إلى أسفل والعكس أيضاً.

وبالتأكيد يمكنك التحكم في خلفية النص المتحرك ولون الخط وسرعة حركة النص ومساحة صندوق محتوى النص والعديد من الميزات والخصائص التي يمكنك تعديلها.



تحريك النص من اليسار لليمين


صلوا على سيدنا محمد


       
Code



  Welcome to the Alkoptantech Website


خصائص كود تحريك النص

يمكنك معرفة معنى كل كلمة وتغيرها والتحكم بالحركة كما تريد لإنشاء نص متجرك فى اى اتجاه:

  • scrolldelay: هي سرعة تحرك النص يمكن التعديل عليها حسب سرعة تحرك النص المطلوبة. وكلما كان الرقم صغير زادت سرعة تحرك النص والعكس.
  • width: هي عرض صندوق محتوى النص، ويمكنك التحكم فيه من خلال تغير القيمة.
  • height: هي طول الصندوق محتوى النص، ويمكنك أيضاً التحكم فيه بتغير القيمة.
  • direction: هي اتجاه حركة النص من اليسار لليمين أو العكس ويمكنك التحكم في جميع الاتجاهات عن طريق تغير القيمة، right تحريك النص لليمين، left تحريك النص لليسار، down من أعلى لأسفل، up من الأسفل للأعلى.
  • bgcolor: لون خلفية النص او صندوق صندوق محتوى النص ويمكنك اختيار اللون المناسب لموقعك عن طريق تغيير كود اللون الموجود في الكود(2d2d30#).
  • font color: لون الخط، أيضاً يمكنك تغير الون عن طريق تغير الكود.


تحريك النص من اليمين لليسار


Welcome to the Alkoptantech Website

       
Code



  Welcome to the Alkoptantech Website


تحريك النص لليمين واليسار



سبحان الله وبحمده سبحان الله العظيم


       
Code



  سبحان الله وبحمده سبحان الله العظيم



تحريك النص من أعلى لأسفل



لا إله إلا أنت سبحانك إني كنت من الظالمين
       
Code



  لا إله إلا أنت سبحانك إني كنت من الظالمين


يمكنك تغيير اتجاه تحريك النص من أسفل إلى أعلى عن طريق تغيير كلمة down بكلمة up، وأيضاً تغير لون الخط والخلفية كما ذكرنا في الشرح.



تحريك النص وتوقفه عند المرور علية بالماوس



لا إله إلا الله محمد رسول الله

       
JavaScript



  لا إله إلا الله محمد رسول الله

في هذا الكود يتوقف النص عن الحركة عند التأشير علية بالماوس كما موضح بالمثال، وفى تلك الكود تم إضافة هذا الجزء من الكود ليتوقف عند المرور عليه.

       
Code

"()onmouseover="this.stop()" onmouseout="this.start

يمكنك استخدام هذه الجزئية من الكود في أي مثال مما ذكرنا، والتعديل عليه ليتوقف النص عند ما يمر عليه مؤشر الماوس.



ميزات كود تحريك النص

كود تحريك النص، خفيف ولا يؤثر على سرعة الموقع او المدونة وله عدة خصائص يمكنك التحكم بها للوصول للمظهر الذي تريده لتحريك النص.

يمكنك استخدام كود تحريك النص بإنشاء نص ترحيب لزوار موقعك أو كتابة آيات قرآنية أو كتابة لافتة مهمة تريد ظهورها للزائر، وغيرها الكثير.

استخدم كود تحريك النص في القائمة الجانبية سواء كان موقعك ووردبريس أو مدونة بلوجر فهو لا يؤثر على أي شيء في مظهر الموقع ولا سرعة الموقع كن مطمئن.

يمكنك استخدامه في عديد من الأمور، أتمنى ان يكون مقال اليوم عن كيفية إنشاء نص متحرك في كل الاتجاهات أضاف لك شيئاً جديداً يمكنك الاستفادة منه.


أحصل على أفضل العروض الأن على جميع خدماتنا
إذا أعجبك هذا المقال، يرجى مشاركته مع أصدقائك ومساعدتنا في نشر الكلمة.
تعليقات



    حجم الخط
    +
    16
    -
    تباعد السطور
    +
    2
    -