CSS3+DIV切換是一種常見的網頁動態效果，它能實現不同頁面之間的無縫切換，同時還能增強網站的交互性和視覺效果。

/* CSS3代碼 */
.transition {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.fade-in {
opacity: 1;
}
.fade-out {
opacity: 0;
}
/* HTML代碼 */
頁面一
這是頁面一的內容。
切換到頁面二
頁面二
這是頁面二的內容。
返回頁面一
/* JavaScript代碼 */
function switchPage() {
var page1 = document.getElementById("page1");
var page2 = document.getElementById("page2");
if (page1.className.indexOf("fade-out") !== -1) {
page1.className = "page transition fade-in";
page2.className = "page transition fade-out";
} else {
page1.className = "page transition fade-out";
page2.className = "page transition fade-in";
}
}

以上代碼實現了兩個頁面之間的切換，使用了CSS3的過渡效果來實現頁面的淡入淡出。在HTML中，我們給每個頁面分別設置了一個ID，并且都加上了page和transition類。我們使用JavaScript來監聽按鈕點擊事件，并根據頁面的類名來判斷當前頁面的顯示狀態，然后修改對應的類名實現頁面的切換。

CSS3+DIV切換還有許多其他的應用，比如圖片輪播、選項卡切換、模態框彈出等，可以通過靈活運用CSS3和JavaScript來實現各種不同的動態效果。