<img alt="powerbookg4.jpg" src="archives/images/powerbookg4.jpg" width="250" height="60" style="-moz-opacity:0.5; filter:alpha(opacity=50);cursor :hand;" onmouseover="this.style.MozOpacity=1;
this.filters.alpha.opacity=100" onmouseout="this.style.MozOpacity=0.5;
this.filters.alpha.opacity=50">
In IE, "opacity" needs to be defined through "filter", while in Mozilla, "opacity" can be parsed directly, so if you want to make this effect work in both browsers Both are supported. You need to add both settings. The setting for IE: this.filters.alpha.opacity=50 and the setting for Mozilla: this.style.MozOpacity=0.5. You can use this line directly. The code defines the image, and you only need to modify the image address to achieve the above effect.