بسم الله الرحمن الرحيم
كيف الحال يا أعضاء أرجوا أنا تكونوا بخير
اليوم معنا درس بسيط و رائع هي عن كيفية عمل ( rollover image ) و هي عبارة عن صورة تتغير عندما يمر مؤشر الماوس عليها. في الحقيقة هي عبارة عن صورتان فعند مرور الماس تختفي الصورة الأولى و تظهر الصورة الثانية و العملية عكسية إذا أبعدت المؤشر عن الصورة.
أترككم مع الدرس
Watch on YouTube
للمشاهدة من قناتي في اليوتيوب من هنا
Watch on vimeo
قم بتحميل المثال مع الكود المستعمل من هذا الرابط
-------------------------
http://adf.ly/2rhZU
-------------------------
أو قم بمشاهدة مثال الدرس من حسابي في Blogger من هنا
أو قم بنسخ الكود ال HTML إلى ملف دفتر و حفظة بنمط HTML لكي يظهر كصفحة ويب و يجب أن تكون متصل بشبكة الإنترنت لرؤية الصور
كود بلغة HTML:
<center><a href="http://graphza.blogspot.com/" target="_blank"><img src="http://img838.imageshack.us/img838/9577/onmouseout.jpg" onmouseover="this.src='http://img703.imageshack.us/img703/9296/onmouseover.jpg'" onmouseout="this.src='http://img838.imageshack.us/img838/9577/onmouseout.jpg'" /></a></center>