jQuery fadeIn() 方法

Posted 乱舞春秋__

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery fadeIn() 方法相关的知识,希望对你有一定的参考价值。

jQuery fadeIn() 用于淡入已隐藏的元素。

语法格式:

$(selector).fadeIn(speed,easing,callback);

speed 参数:规定效果的时长。它可以取以下值:"slow"、"fast"、 或毫秒。

easing参数: 用来指定切换效果,默认时'swing',可用参数'linear'。

callback 参数:效果完成后所执行的函数。

示例:

点击按钮,淡入已隐藏的元素(div)。

    <style>
        div {
            display: none;
            width: 100px;
            height: 100px;
            background-color: rgba(16, 28, 201, 0.863);
        }
    </style>
    <script src="jQuery.js"></script>
    <script>
        jQuery(document).ready(function () {
            $("button").eq(0).click(function () {
                $("div").fadeIn();
            })
        })
    </script>
</head>

<body>
    <button>淡入</button>
    <div></div>
</body>

点击按钮前:

点击按钮后:

以上是关于jQuery fadeIn() 方法的主要内容,如果未能解决你的问题,请参考以下文章

jQuery fadeIn() 方法

210 jQuery淡入淡出:fadeIn() fadeOut() fadeToggle() fadeTo()

jQuery - fadeIn()、fadeOut()、animate()、stop() 和闪烁

15.jQuery淡入淡出效果

jQuery:FadeIn/To 和 SlideDown 新元素

jQuery.fadeIn 和 fadeOut 的 CSS3 替换