[طريقة] تلوين الصوره عند مرور الماوس بها.

ff5006 · 25-05-2008, 02:39 PM

السلام عليكم ورحمة الله وبركاته ...

الكود اليوم هو Js جافا سكربت ..

, طبعاً اللي راح نشرحه اليوم , هو طريقة تلوين الصوره عند مرور الماوس بها ...
مثل ماهو موجود هنا http://phpx3.com/drs/index.html .

أول شئ ... الكود , تضعه في الـ head بالصفحة بين <head> و </head> :

كود PHP:

  <SCRIPT language="JavaScript1.2"> 
<!-- Script courtesy of http://www.web-source.net - Your Guide to Professional Web Site Design and Development 
function makevisible(cur,which){ 
strength=(which==0)? 1 : 0.2 
if (cur.style.MozOpacity) 
cur.style.MozOpacity=strength 
else if (cur.filters) 
cur.filters.alpha.opacity=strength*100 
} 
// --> 
</SCRIPT>

بعد وضع الكود في صفحتك ... قم بالذهاب لصورتك , والتي غالباً سيكون الكود الخاص بها هكذا :

كود PHP:

  <img src="http://phpx3.com/images/center.gif" border="0">

ثم قم بعد ذلك بوضع هذا الكود داخل وسم الصوره :

كود PHP:

  style="filter:alpha(opacity=20);-moz-opacity:0.2" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)"

ليصبح كود صورتك هكذا :

كود PHP:

  <img src=http://phpx3.com/center.gif border="0" style="filter:alpha(opacity=20);-moz-opacity:0.2" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)">

الدرس الأصلي :
http://phpx3.com/drs/show545-1.html

وشكراً .

owner · 25-05-2008, 04:25 PM

جميل جدا ..

شكرا لك

ريحتنا من عمل صورتين وحدة ابيض واسود والاخرى ملونة

شكرا .

بالتوفيق ان شاء الله

ff5006 · 25-05-2008, 05:42 PM

ياهلا أخوي owner

العفو ...,

المواضيع المشابهه
الموضوع	كاتب الموضوع	القسم	الردود	آخر مشاركة
تغير شكل الماوس عند الدخول للموقع كيف ؟؟	البراك	الويب والويب 2.0 والـ Semantic Web	0	17-10-2003 06:03 PM
كيف اجعل لون النص متغير عند مرور الفارة	باسل	الإصلاح والصيانة	6	03-09-2003 07:31 AM
أبي أخلي اللنكات تتلون عند مرور الماوس كيف ؟؟	بو مبارك	الإصلاح والصيانة	5	21-08-2003 05:00 PM
كيف يمكن عمل زر يتغير عند مرور الماوس فوق	Tender_Heart	التصميم والرسومات والمونتاج	2	19-08-2003 09:14 PM
أبحجز إستضافة عند mdit.net وابغى نصيحتكم :: لا تبخلوا بها	NewUser	سوالف الاستضافة	12	07-09-2002 01:11 AM

أدوات الموضوع
مشاهدة نسخة مطبوعة إرسال هذه الصفحة