يوم سوالف، في 7 أغسطس القادم

 

العودة   سوالف سوفت > قسم تطوير وبرمجة المواقع للمتقدمين > تطوير الويب
المدوّنات البحث مشاركات اليوم اجعل كافة المشاركات مقروءة

رد
 
LinkBack أدوات الموضوع
عضو نشيط
تاريخ التسجيل: Nov 2005-
#1 (permalink)  
طلب كود جافاسكريبت أو موقع تعليمي بسيط !


أهلين

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

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

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

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

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

شكراً






Mr.Designer غير متواجد حالياً   قديم 22-04-2006, 05:48 AM
رد مع اقتباس
عضو نشيط جدا
تاريخ التسجيل: Jan 2005-
#2 (permalink)  

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






الملفات المرفقة
نوع الملف: zip linkcolor.zip‏ (1.2 كيلوبايت, المشاهدات 62)
المنصوري غير متواجد حالياً   قديم 22-04-2006, 08:30 AM
رد مع اقتباس
عضو نشيط
تاريخ التسجيل: Nov 2005-
#3 (permalink)  

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






Mr.Designer غير متواجد حالياً   قديم 24-04-2006, 04:00 AM
رد مع اقتباس
خبير JavaScript
تاريخ التسجيل: Jul 2002-
Blog Entries: 15
#4 (permalink)  

سأحاول أن اشرح لك طريقة عملها بالجافاسكريبت و اتمنى ان اكون موفقا
نفترض انه عندك هذا النص
كود:
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 






الملفات المرفقة
نوع الملف: txt onmouse.txt‏ (159 بايت, المشاهدات 43)
Zizwar غير متواجد حالياً   قديم 24-04-2006, 09:27 PM
رد مع اقتباس
عضو نشيط جدا
تاريخ التسجيل: Mar 2005-
#5 (permalink)  

Zizwar

كم انت رائع

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






! ALSHAOOG ! غير متواجد حالياً   قديم 25-04-2006, 06:13 PM
رد مع اقتباس
عضو نشيط جدا
تاريخ التسجيل: Jun 2005-
#6 (permalink)  

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


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






__________________
موقع كتانه [دوت] نت WWW.KETTANEH.NET
KETTANEH غير متواجد حالياً   قديم 25-04-2006, 07:38 PM
رد مع اقتباس
عضو نشيط
تاريخ التسجيل: Nov 2005-
#7 (permalink)  

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

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

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






Mr.Designer غير متواجد حالياً   قديم 27-04-2006, 02:17 AM
رد مع اقتباس
رد


أدوات الموضوع

تعليمات المشاركة
لا تستطيع كتابة مواضيع
لا تستطيع كتابة ردود
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

كود [IMG] متاحة
كود HTML معطلة
Trackbacks are متاحة
Pingbacks are متاحة
Refbacks are متاحة



الساعة الآن: 11:10 AM بتوقيت المملكة العربية السعودية