【JQuery】使用fadeTo()方法设置淡入淡出效果的不透明度

最新推荐文章于 2020-08-07 04:42:16 发布

badlyForPapers

最新推荐文章于 2020-08-07 04:42:16 发布

阅读量1k

点赞数

分类专栏： jQuery

本文链接：https://blog.csdn.net/happyhaojie/article/details/51044968

版权

jQuery 专栏收录该内容

73 篇文章 0 订阅

订阅专栏

fadeTo() 方法将被选元素的不透明度逐渐地改变为指定的值。

用法：

$(selector).fadeTo(speed,opacity,callback)

除非设置了speed参数才可以设置callback参数。

<body>
        <h3>使用fadeTo()方法设置淡入淡出效果的不透明度</h3>
        <span class="red"></span><span class="orange"></span><span class="blue"></span>
        
        <script type="text/javascript">
            $(function () {
                $("span").each(function (index) {
                    switch (index) {
                        case 0:
                            $(this).fadeTo("9000",0.2);
                            break;
                        case 1:
                            $(this).fadeTo("3000",0.4);
                            break;
                        case 2:
                            $(this).fadeTo("6000",0.8);
                            break;   
                    } 
                });
            });
        </script>
</body>

badlyForPapers

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
【JQuery】使用fadeTo()方法设置淡入淡出效果的不透明度

fadeTo() 方法将被选元素的不透明度逐渐地改变为指定的值。用法：$(selector).fadeTo(speed,opacity,callback)除非设置了speed参数才可以设置callback参数。使用fadeTo()方法设置淡入淡出效果的不透明度 $(function ()
复制链接

扫一扫