JavaScript图片透明度的周期性变化

最新推荐文章于 2021-09-09 09:47:43 发布

东子Yang

最新推荐文章于 2021-09-09 09:47:43 发布

阅读量256

点赞数

本文链接：https://blog.csdn.net/weixin_43347473/article/details/89300782

版权

JavaScript图片透明度的周期性变化

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片透明度的周期性变化</title>
    <style>

    </style>
</head>
<body bgcolor="3BBDDFF"  "fade()" >
<p>这个页面的效果是图片一会清晰，一会模糊。</p>
<img src="myImages/7.jpg" name="u" border="0"style="opacity: 1" width="200">![在这里插入图片描述](https://img-blog.csdnimg.cn/20190414195705730.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzM0NzQ3Mw==,size_16,color_FFFFFF,t_70)
<script language="JavaScript">
    var b=0;
    var c=1;
    function fade() {
            if (c==1){
                b=b+0.1;
                if(b>1){
                    c=0;
                }
            }
            else{
                b=b-0.1;
                if(b<0.1){
                    c=1;
                }
            }
            u.style.opacity=b;
            setTimeout("fade()",300);

    }
</script>
</body>
</html>

在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

东子Yang

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript图片透明度的周期性变化

JavaScript图片透明度的周期性变化<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>图片透明度的周期性变化</title> <style> </style></h...
复制链接

扫一扫