[JS tips] move the mouse over the image for High Brightness Display

Key Code : <Style type = "text/CSS">
. Componentimage
{} {
Cursor:Hand;
Filter:Progid: DXImageTransform. Microsoft. Alpha (opacity = 0, finishopacity = 75, style = 2, enabled = 'false ');
}
</Style>

< Script >

// Move the mouse up. High Brightness Display
Function Highlight (OBJ)
  {
If (Obj. Filters. Length >   0 )
{
OBJ. filters (0). Enabled='True';
}
}

 
Function Unhighlight (OBJ)
  {
If (Obj. Filters. Length >   0 )
{
OBJ. filters (0). Enabled='False';
}
}
</ Script > All code
< Html >
< Head >
< Title >
Test page.
</ Title >
< Style Type = "Text/CSS"   >
. Componentimage
{} {
cursor : hand ;
filter : progid: DXImageTransform. microsoft. alpha (opacity = 0, finishopacity = 75, style = 2, enabled = 'false') ;
}
</ Style >
< Script >

// Move the mouse up. High Brightness Display
Function Highlight (OBJ)
  {
If (Obj. Filters. Length >   0 )
{
OBJ. filters (0). Enabled='True';
}
}

 
Function Unhighlight (OBJ)
  {
If (Obj. Filters. Length >   0 )
{
OBJ. filters (0). Enabled='False';
}
}
</ Script >
</ Head >

< Body >

< IMG SRC = "Http://www.blogjava.net/images/logo.gif" Class = "Componentimage" Onmouseover = "Highlight (this );" Onmouseout = "Unhighlight (this );"   >
< BR >
< Font Color = Red > Move the mouse up to see the effect </ Font >
</ Html >

Note: Firefox is not supported.