[طريقة] تلوين الصوره عند مرور الماوس بها.
السلام عليكم ورحمة الله وبركاته ...
الكود اليوم هو 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
وشكراً .
رد مع اقتباس
