JS改变文字透明度

最新推荐文章于 2021-09-07 21:02:26 发布

David_黎

最新推荐文章于 2021-09-07 21:02:26 发布

阅读量3.2k

点赞数 1

分类专栏： JS HTML 文章标签： javascript 文字透明度闪烁

HTML 同时被 2 个专栏收录

17 篇文章 0 订阅

订阅专栏

8 篇文章 0 订阅

订阅专栏

javascript改变文字透明度，文字闪烁效果：

<html>
    <head>    
        <style type="text/css">
            .title
            {
                font-size:50px;
                font-family:Arial black;
                filter:alpha(opacity=10);
            }
        </style>
        <script type="text/javascript">
            function $(id)
            {
                return document.getElementById(id);
            };

            function changeOpacity()
            {
                var direction=-1;
                var opacityValue=100;
                function doChange()
                {
                    if(++opacityValue>=100)
                    {
                        direction=-1;
                    }
                    if(--opacityValue<=0)
                    {
                        direction=1;
                    }
                    opacityValue+=direction;
                    $("t1").style.filter="alpha(opacity="+opacityValue+")";
                    $("t1").style.opacity=opacityValue/100;
                };
                setInterval(doChange,10);
                
            };
        </script>
    </head>
    <body οnlοad="changeOpacity()">
        <table id="t1" class="title"><tr><td>Hi,I'm content for text</tr></table>
    </body>
</html>