蒙层效果

最新推荐文章于 2023-09-03 22:27:40 发布

wslidandan

最新推荐文章于 2023-09-03 22:27:40 发布

阅读量1k

点赞数

分类专栏： js

js 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
   <style>
   .mark{ position: absolute;   top: 0px;    z-index:2; opacity: 0.30;/**关键是这句话，加上它就可以兼容浏览器了**/
   filter:alpha(opacity=30);   }
   </style>
   <script>    //鼠标移上去的时候显示清晰图片
   function show(tdd) {
     tdd.style.filter='alpha(opacity=100)';
} //鼠标离开图片的时候显示加罩后图片
   function unshow(tdd) {
    tdd.style.filter='alpha(opacity=30)';
    }
      </script>
    </HEAD>
    <BODY>


    <img class="mark" style="left:0px" src="My Pictures/2.jpg" width="140" height="120" οnmοusemοve="show(this)" οnmοuseοut="unshow(this)"/>
    </BODY></HTML>