blogjava's web log

blogjava's web log
...

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

关键代码：
    <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>


所有代码

注:不支持fireFox

posted on 2006-11-01 15:39 record java and net 阅读(2180) 评论(3)  编辑  收藏 所属分类: xml and html

评论

# re: [js小技巧]鼠标移到图片高亮度显示 2006-11-05 11:28 路过

不错.  回复  更多评论   

# re: [js小技巧]鼠标移到图片高亮度显示 2006-11-06 22:30 Tin

这个用法完全的不推荐！filter不垮浏览器。而且这种鼠标移上去的特效首先推荐使用css的a伪类link、visited、hover、active来实现。  回复  更多评论   

# re: [js小技巧]鼠标移到图片高亮度显示 2006-11-07 12:45 junmy

@Tin
向你学习 :)  回复  更多评论   


只有注册用户登录后才能发表评论。
网站导航:
 

导航

常用链接

留言簿(44)

新闻档案

2.动态语言

3.工具箱

9.文档教程

友情链接

搜索

最新评论