النتائج 1 إلى 7 من 7

الموضوع: طلب كود جافاسكريبت أو موقع تعليمي بسيط !

  1. #1
    عضو نشيط
    تاريخ التسجيل
    Nov 2005
    المشاركات
    77

    طلب كود جافاسكريبت أو موقع تعليمي بسيط !



    أهلين

    عندي طلب جداً بسيط وهو ،،

    شرح طريقة تغيير لون الكلمة عند مرور الماوس من لون إلى لون آخر ،،

    فمثلاً لدي قائمة رئيسية في موقعي عبارة عن

    الصفحة الرئيسية
    الخدمات
    الموقع
    أتصل بنا

    كيف يمكن تغيير لون كل كلمة عند مرور الماوس عليها وهل هناك كود بسيط أو برنامج أو موقع يساعدنا على عمل هذا التغيير ؟؟

    شكراً :nice:







  2. #2
    عضو نشيط جدا
    تاريخ التسجيل
    Jan 2005
    المشاركات
    485


    الكود مرفق أخوي Mr.Designer وهو كود جافا سكربت بسيط





    الملفات المرفقة الملفات المرفقة

  3. #3
    عضو نشيط
    تاريخ التسجيل
    Nov 2005
    المشاركات
    77


    مشكور ياخوي بس للاسف ما اعرف اتعامل مع الاكواد بشكل مباشر ، ماعندك شرح مبسطة أو برنامج مساعد






  4. #4
    خبير JavaScript
    تاريخ التسجيل
    Jul 2002
    المشاركات
    2,920


    سأحاول أن اشرح لك طريقة عملها بالجافاسكريبت و اتمنى ان اكون موفقا
    نفترض انه عندك هذا النص
    كود:
    salam all text text text text text
    نريد عند مرور مؤشر الفأرة على كلمة salam all ان يتغير لونها من الأسود الى اللون الاحمر، وعند خروج الفأرة من النص يرجع لونها الى الأسود
    معلومات توضع في الحسبان :
    اللون الاحمر بالهكس هو ff4444 و الاسود هو 000000
    عند مرور مؤشر الفأرة نستعلمها بالدالة onmouseover
    عند خروج الفارة نستعلمها بالدالة onmouseout
    لإعطاء اللون داخل الوسوم عن طريق ال CSS نستعمل style=color:#00000

    الطريقة:
    نحصل الكلمة او الجملة salam all بين وسمي <a><a/> وداخل هذا الوسم نعطي للنص اللون الأسود عن طريق CSS لتصبح
    كود PHP:
    <a style="color:#000000">
    salam all 
    </a
    text text text text text 
    ثم بالجافا سكريبت نجعلها تتفاعل، عند مرور المؤشر على الكلمة نريدها ان تتغير الى اللو الأحمر، اذا هذا مانحتاج ان نضيفه وسط الوسم
    كود PHP:
    onmouseover="this.style.color='#FF4444'" 
    وعند خروج مؤشر الفأرة منها يعود للنص لونه الاصلي و هو الأسود(رغم ان الأسود ليس بلون )
    اذا نضيف
    كود PHP:
    onmouseout="this.style.color='#000000'" 
    ليكون الناتج كاملا هو :
    كود PHP:
    <a style="color:#000000" 
    onmouseover="this.style.color='#FF4444'"
    onmouseout="this.style.color='#000000'">
    salam all 
    </a
    text text text text text 






    الملفات المرفقة الملفات المرفقة

  5. #5
    عضو نشيط جدا
    تاريخ التسجيل
    Mar 2005
    المشاركات
    485


    Zizwar

    كم انت رائع

    الله يوفقك دنيا وآخرة ...






  6. #6
    عضو نشيط
    تاريخ التسجيل
    Jun 2005
    المشاركات
    96


    http://www.kettaneh.net/java/index.htm


    ان شاء الله يفيدك





    __________________
    موقع كتانه [دوت] نت WWW.KETTANEH.NET

  7. #7
    عضو نشيط
    تاريخ التسجيل
    Nov 2005
    المشاركات
    77


    مشاءالله عليك Zizwar

    رااااااائع جداً ، أعتقد بالفعل الشرح راح يفيد الجميع ،،

    مشكور على الشرح الوافي والكامل ..










ضوابط المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •  
0
موقع مكملات غذائية | نظارات طبية | أضف موقعك هنا