بمعني أنه عند تمرير الماوس علي الصورة فإنها تفوم بالإختفاء ثم تظهر مره أخري

لمشاهدة المثال إضغط هنا

الاشياء المستخدمة :
1.فوتوشوب
2.محرر النص (notepad)
من ناحيتي انا استخدم notepad++
3.CSS
4.Jquery

أولا قم بفتح برنامج الفوتوشوب ثم قم بعمل تأثير علي الصوره المراد عرضها بحيث يكون عندك صورتين واحده ملونه والأخري بدون ألوان

عن طريق عمل Image>>mode>>grayscale>>ok

افتح صفحة جديد بال notepad او textpad اوال dreamweaver
اللي يعجبك
اكتب الكود التالي

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js">// <![CDATA[
mce:0
// ]]></script> <!– مكان مكتبة الجي كويري –>

ضفنا مكتبة الجي كويري هذا هوا كود الوظيفة (function)

هذا الكود سهل كما تري والأن ما عليك إلا أن تقوم بإضافة هذا الكود
كود css

كود ال body

والأن أتركك مع الكود كاملا:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js">// <![CDATA[
mce:2
// ]]></script>
www.3need.net