的隱藏和顯現效果是最簡單也是最常見的效果之一。我們可以通過在JavaScript中設置元素的visibility樣式為"hidden"來實現隱藏，設置為"visible"來實現顯現。以下是示例代碼：

function hide() {
document.getElementById("div1").style.visibility = "hidden";
}
function show() {
document.getElementById("div1").style.visibility = "visible";
}

2.漸變效果

漸變效果是指在一定時間內，元素從完全透明到完全不透明（或者相反）的過程。JavaScript中通過設置元素的opacity樣式屬性來控制元素的透明度。以下是示例代碼：

function fadeIn() {
var div = document.getElementById("div1");
var opacity = 0;
div.style.opacity = opacity;
setInterval(function () {
if (opacity< 1) {
opacity += 0.1;
div.style.opacity = opacity;
}
}, 100)
}

3.移動效果

移動效果指的是讓元素在網頁中沿著指定的路徑移動。JavaScript中可以通過設置元素的left和top樣式屬性來控制元件的位置。以下是示例代碼：

function move() {
var div = document.getElementById("div1");
var x = 0;
var y = 0;
setInterval(function () {
x += 10;
y += 5;
div.style.left = x + "px";
div.style.top = y + "px";
}, 100);
}

4.縮放效果

縮放效果是指讓元素在網頁中按照一定的規律進行放大或縮小的過程。如下是一個縮放效果的示例：

function scale() {
var div = document.getElementById("div1");
var scale = 1;
setInterval(function () {
scale += 0.1;
div.style.transform = "scale(" + scale + ")";
}, 100)
}