鼠标感应渐显图片

最新推荐文章于 2021-06-07 17:43:42 发布

jujuchen

最新推荐文章于 2021-06-07 17:43:42 发布

阅读量422

点赞数

分类专栏： js脚本文章标签： function filter javascript div html

本文链接：https://blog.csdn.net/jujuchen/article/details/1631439

版权

js脚本专栏收录该内容

28 篇文章 0 订阅

订阅专栏

鼠标感应渐显图片
<html>
<head>
<title></title>
<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>
</head>
<body>
<img id='img1' src=" http://bbs.51js.com/images/standard/51js.gif" style="filter:Alpha(Opacity=10)" οnmοuseοver="OnMouseOver(this)" οnmοuseοut="OnMouseOut(this)">
<img id='img2' src=" http://bbs.51js.com/images/standard/51js.gif" 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>
</body>
</html>

jujuchen

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
鼠标感应渐显图片

鼠标感应渐显图片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(
复制链接

扫一扫

专栏目录