使用JavaScript 和CSS 進行淡入和淡出

function unfade(element) {
    var op = 0.1;  // initial opacity
    element.style.display = 'block';
    var timer = setInterval(function () {
        if (op >= 1) { // If opacity reaches 1
            clearInterval(timer);
        }
        element.style.opacity = op;
        element.style.filter = 'alpha(opacity='   op * 100   ")";
        op  = op * 0.1;
    }, 10);
}

function unfade(element) { 變數操作 = 0.1； // 初始不透明度 element.style.display = '塊'; var 計時器 = setInterval(function () { if (op >= 1) { // 若不透明度達到 1 清除間隔（計時器）； } element.style.opacity = op; element.style.filter = 'alpha(opacity=' op * 100 ")"; 運算=運算*0.1； }, 10); }

function fade(element) {
    var op = 1;  // initial opacity
    var timer = setInterval(function () {
        if (op 對於淡出，我們取代上面的程式碼與：
函數淡入淡出（元素）{
    變數操作 = 1; // 初始不透明度
    var 計時器 = setInterval(function () {
        if (op 
此函數不斷減少不透明度，直到達到 0.1，然後隱藏元素以創建所需的淡出效果。 
請記住，避免使用字串作為 setInterval 或setTimeout 由於其潛在的安全風險。