JQuery淡出淡入: Fade out then fade in

使用JQuery來控制換字時的淡出再淡入動畫。

首先加入JQuery:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>

在<script>中加入淡出再淡入程式碼程式碼

$("#change_word").fadeOut("slow", function () {
    $("#change_word").html("Fade in");
    $("#change_word").fadeIn("slow");
});

範例如以下連結:

https://github.com/chenabei0421/WebDesignTemplate/blob/main/JQuery/Fadein_then_FadeOut.html