با استفاده از یک کد جاوااسکریپت و صدا زدن آن در پارامتر onmouseover جهت فعال شدن فیلتر موردنظر و بازگرداندن آن به حالت عادی در پارامتر onmouseout و از فیلتر روشنایی تصویر (مقدار روشنایی اولیه تصویر مثلا کمتر بوده و به هنگام فعال شدن تصویر با روشنایی بیشتر نمایش داده می شود)
این تگ html اش:
< A style="FILTER: alpha(opacity=50)"
onmouseover=nereidFade(m1,100,50,100)
onmouseout=nereidFade(m1,50,30,20)
href="test2.htm" >
<I M G style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FILTER: alpha(opacity=50); BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid"
height=54
src="banner.jpg"
border=0
name=m1>
< / A >
و این هم کد جاوااسکریپتش:
nereidFadeObjects = new Object();
nereidFadeTimers = new Object();
function nereidFade(object, destOp, rate, delta) {
if (!document.all)
return
if (object != "[object]") {
setTimeout("nereidFade("+object+","+destOp+","+rat e+","+delta+")", 0);
return;
}
clearTimeout(nereidFadeTimers[object.sourceIndex]);
diff = destOp-object.filters.alpha.opacity;
direction = 1;
if (object.filters.alpha.opacity > destOp) {
direction = -1;
}
delta=Math.min(direction*diff,delta);
object.filters.alpha.opacity+=direction*delta;
if (object.filters.alpha.opacity != destOp) {
nereidFadeObjects[object.sourceIndex]=object;
nereidFadeTimers[object.sourceIndex]=setTimeout ("nereidFade(nereidFadeObjects["+object.sourceIndex+"], "+destOp+", "+rate+", "+delta+")", rate);
}
}
و در ابتدا صفحه html باید اگر از این کد جاوااسکریپت بصورت فایل js استفاده می کنید آن را فراخوانی کنید
برای راحتی بیشتر من فایلها را نیز بصورت ضمیمه آپلود کردم
قوانین ایجاد تاپیک در تالار
پاسخ با نقل قول