[js小技巧]鼠标移到图片高亮度显示--zhuan



 


<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>



http://www.cnblogs.com/wujun/archive/2006/11/01/546863.html

posted @ 2006-11-02 16:28  Nina  阅读(883)  评论(0)    收藏  举报