JavaScript改变图片透明度，鼠标放上渐渐显示

最新推荐文章于 2022-08-23 12:33:24 发布

JavaWeb-FaceStrap

最新推荐文章于 2022-08-23 12:33:24 发布

阅读量911

点赞数

分类专栏：其他类别

本文链接：https://blog.csdn.net/qq_35546160/article/details/51879247

版权

其他类别专栏收录该内容

50 篇文章 0 订阅

订阅专栏

<title>JavaScript改变图片透明度</title>
<script language="JavaScript">
function makevisible(cur,which){
if (which==0)
cur.filters.alpha.opacity=100
else
cur.filters.alpha.opacity=20
}
</script>
<script language="javascript">
var min=10;
var max=100;
var number=1;
function OnMouseOver(obj)
{
if(obj.changing)
clearInterval(obj.changing);
obj.changing=setInterval("add("+obj.id+")",10);
}
function OnMouseOut(obj)
{
if(obj.changing)
clearInterval(obj.changing);
obj.changing=setInterval("sub("+obj.id+")",10);
}
function add(obj)
{
if(obj.filters.Alpha.Opacity > max)
{
clearInterval(obj.changing);
obj.changing=false;
obj.filters.Alpha.Opacity = max;
}
else
obj.filters.Alpha.Opacity += number;
test1.innerText = "img1:"+img1.filters.Alpha.Opacity;
test2.innerText = "img2:"+img2.filters.Alpha.Opacity;
}
function sub(obj)
{
if(obj.filters.Alpha.Opacity < min)
{
clearInterval(obj.changing);
obj.changing=false;
obj.filters.Alpha.Opacity = min;
}
else
obj.filters.Alpha.Opacity += -number;
test1.innerText = "img1:"+img1.filters.Alpha.Opacity;
test2.innerText = "img2:"+img2.filters.Alpha.Opacity;
}
</script>
<img id='img1' src="wall_s5.jpg" style="filter:Alpha(Opacity=10)" οnmοuseοver="OnMouseOver(this)" οnmοuseοut="OnMouseOut(this)">
<img id='img2' src="wall_s6.jpg" style="filter:Alpha(Opacity=10)" οnmοuseοver="OnMouseOver(this)" οnmοuseοut="OnMouseOut(this)">
<div id='test1'>img1:10</div>
<div id='test2'>img2:10</div>