注:不支持fireFox
转载于:https://www.cnblogs.com/wujun/archive/2006/11/01/546863.html
[js小技巧]鼠标移到图片高亮度显示
关键代码：
![[js小技巧]鼠标移到图片高亮度显示](/default/index/img?u=L0ltYWdlcy9PdXRsaW5pbmdJbmRpY2F0b3JzL05vbmUuZ2lm "[js小技巧]鼠标移到图片高亮度显示")
<style type="text/css" >
.ComponentImage
![[js小技巧]鼠标移到图片高亮度显示](/default/index/img?u=L0ltYWdlcy9PdXRsaW5pbmdJbmRpY2F0b3JzL0V4cGFuZGVkQmxvY2tTdGFydC5naWY= "[js小技巧]鼠标移到图片高亮度显示")
![[js小技巧]鼠标移到图片高亮度显示](/default/index/img?u=L0ltYWdlcy9PdXRsaW5pbmdJbmRpY2F0b3JzL0NvbnRyYWN0ZWRCbG9jay5naWY= "[js小技巧]鼠标移到图片高亮度显示")
{![[js小技巧]鼠标移到图片高亮度显示](/default/index/img?u=L0ltYWdlcy9kb3QuZ2lm "[js小技巧]鼠标移到图片高亮度显示")
}{
![[js小技巧]鼠标移到图片高亮度显示](/default/index/img?u=L0ltYWdlcy9PdXRsaW5pbmdJbmRpY2F0b3JzL0luQmxvY2suZ2lm "[js小技巧]鼠标移到图片高亮度显示")
cursor:hand;
filter:progid:DXImageTransform.Microsoft.Alpha( Opacity=0, FinishOpacity=75, Style=2, Enabled='false');
![[js小技巧]鼠标移到图片高亮度显示](/default/index/img?u=L0ltYWdlcy9PdXRsaW5pbmdJbmRpY2F0b3JzL0V4cGFuZGVkQmxvY2tFbmQuZ2lm "[js小技巧]鼠标移到图片高亮度显示")
}
</style>
<script>
//鼠标移上来。高亮度显示
function Highlight(obj)
{
if (obj.filters.length > 0)
![[js小技巧]鼠标移到图片高亮度显示](/default/index/img?u=L0ltYWdlcy9PdXRsaW5pbmdJbmRpY2F0b3JzL0V4cGFuZGVkU3ViQmxvY2tTdGFydC5naWY= "[js小技巧]鼠标移到图片高亮度显示")
![[js小技巧]鼠标移到图片高亮度显示](/default/index/img?u=L0ltYWdlcy9PdXRsaW5pbmdJbmRpY2F0b3JzL0NvbnRyYWN0ZWRTdWJCbG9jay5naWY= "[js小技巧]鼠标移到图片高亮度显示")
{
obj.filters(0).enabled = 'true';
![[js小技巧]鼠标移到图片高亮度显示](/default/index/img?u=L0ltYWdlcy9PdXRsaW5pbmdJbmRpY2F0b3JzL0V4cGFuZGVkU3ViQmxvY2tFbmQuZ2lm "[js小技巧]鼠标移到图片高亮度显示")
}
}
function UnHighlight(obj)
{
if (obj.filters.length > 0)
{
obj.filters(0).enabled = 'false';
}
}
</script>
所有代码
<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>
//鼠标移上来。高亮度显示
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>鼠标移上来看看效果</font>
</html>
注:不支持fireFox
注:不支持fireFox