بسم الله الرحمن الرحيم

الأخ صقر الكويت الأخوة و الأخوات الكرام …تحية طيبة و بعد ،،،فهذه هي طريقة عمل الصورتين المتحركتين او (Mouse Over effect) ،،،متمنيا أن تكون سهلة إن شاء الله…

أولا يجب أن يكون لديك صورتين بنفس القياس … يمكنك استخدام صور مختلفة القياس و لكن انتبه لـ الـ borders

1 : يجب كتابة ما بداخل المستطيل رقم واحد، بين ال <head> و </head> ، كاملا بدون أخطاء أو نسيان أي حرف أو علامة و خاصة ( " ) و ( ' ) و

( > و < )، لإن أي نقص سيسبب مشكلة…

2: يجب كتابة ما بداخل المستطيل رقم 2بين ال<body> و </body> ، و لكن يمكنك اجراء التغيرات التي تريدها فقط في حدود المستطيلات البنفسجية ،،، و هذا شرح لما تعنيه هذه المستطيلات …

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

b : يجب عليك هنا أن تكتب موقع الصورة الأولى و التي تظهر للشخص بشكل عادي. مرة أخرى بدقة

c : يمكنك هنا كتابة عنوان بسيط ، يوضح للشخص أين سيذهب ، أو أي شيء تراه مناسبا، و يمكنك تركه فارغاً

d : يجب عليك هنا كتابة موقع الصورة الثانية ،أكرر، الثانية، بدقة شديدة و التي ستظهر عندما ، يضع الشخص الماوس على الصورة من غير أن يضغط عليه.

e : في هذا المستطيل يجب عليك أن تغير الرقم فقط أي ،img1 or img2 or img3 or img4 ……. إلى مالانهاية ،،، بهذا يمكنك عمل أكثر من ( mouse over ) في الصفحة الواحدة …و ذلك باستخدام صور أخرى مع إعادة جميع الخطوات السابقة بدقة ،و اكرر بدقة .

 

f : يجب عليك هنا أن تكتب موقع الصورة الأولى ، أيضا

g : يجب عليك هنا كتابة موقع الصورة الثانية.

 

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

 

 

 

image1.gif (1281 bytes)  1

image2.gif (1357 bytes)  2


point ur mouse here

 

e11.gif (18319 bytes)

 

<script LANGUAGE="JavaScript">

<!-- begin script

function VersionNavigateur(Netscape, Explorer) {

if ((navigator.appVersion.substring(0,3) >= Netscape && navigator.appName == 'Netscape') ||

(navigator.appVersion.substring(0,3) >= Explorer && navigator.appName.substring(0,9) == 'Microsoft'))

return true;

else return false;

}

// end script -->

</script>

 

<a HREF="alsaha.com" TITLE="go to alsaha.com"

onMouseOver="if (VersionNavigateur(3.0,4.0)) img1.src='Image2Location' "

onMouseOut="img1.src='Image1Location' ">

<p><img NAME="img1" BORDER="0" SRC="Image1Location"

onLoad="tempImg=new Image(0,0); tempImg.src='Image2Location'" WIDTH="88" HEIGHT="31"></a>