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

[Mr.Designer]

أهلين

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

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

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

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

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

شكراً :nice:

[المنصوري]

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

[Mr.Designer]

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

[Zizwar]

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

salam all text text text text text

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

الطريقة:
نحصل الكلمة او الجملة salam all بين وسمي <a><a/> وداخل هذا الوسم نعطي للنص اللون الأسود عن طريق CSS لتصبح

<a style="color:#000000">
salam all 
</a> 
text text text text text 

ثم بالجافا سكريبت نجعلها تتفاعل، عند مرور المؤشر على الكلمة نريدها ان تتغير الى اللو الأحمر، اذا هذا مانحتاج ان نضيفه وسط الوسم

onmouseover="this.style.color='#FF4444'" 

وعند خروج مؤشر الفأرة منها يعود للنص لونه الاصلي و هو الأسود(رغم ان الأسود ليس بلون )
اذا نضيف

onmouseout="this.style.color='#000000'" 

ليكون الناتج كاملا هو :

<a style="color:#000000" 
onmouseover="this.style.color='#FF4444'"
onmouseout="this.style.color='#000000'">
salam all 
</a> 
text text text text text 

[! ALSHAOOG !]

Zizwar

كم انت رائع

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

[KETTANEH]

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


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

[Mr.Designer]

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

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

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