图片的淡入淡出的实现方法

最新推荐文章于 2021-02-15 13:37:48 发布

jackeyabc

最新推荐文章于 2021-02-15 13:37:48 发布

阅读量1.1k

点赞数

分类专栏： ASP.NET开发文章标签： timer html javascript filter function 文档

本文链接：https://blog.csdn.net/jackeyabc/article/details/2146833

版权

ASP.NET开发专栏收录该内容

79 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<body>
<script language="javascript">
var timer=null;
function fade(obj,which)
{
clearTimeout(timer);
if (which==0)
{
    if (obj.filters.alpha.opacity!=100)
       obj.filters.alpha.opacity+=10;
}
else
{
if (obj.filters.alpha.opacity!=30)
    obj.filters.alpha.opacity-=10;
}

if ((obj.filters.alpha.opacity!=100)&&(obj.filters.alpha.opacity!=30))
timer=setTimeout("fade("+obj.id+","+which+")",100);
}

</script>
<img id="a3" src='http://img1.qq.com/news/pics/1146/1146261.jpg' style="filter:alpha(opacity=30)" onMouseOver=fade(this,0) onMouseOut=fade(this,1)>
</body>
</html>

jackeyabc

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
图片的淡入淡出的实现方法

无标题文档var timer=null;function fade(obj,which){clearTimeout(timer);if (which==0){ if (obj.filters.alpha.opacity!=100) obj.filters.alpha.opacity+=10; }else{if (obj.filters.alpha.opacity!=30)
复制链接

扫一扫

专栏目录