JS+CSS幻燈片切換是web開發中常用的一種技術，用于讓網頁可以自動切換圖片或文字，從而實現動態展示。

//HTML代碼
<div id="slider">
<img src="img1.jpg">
<img src="img2.jpg">
<img src="img3.jpg">
<img src="img4.jpg">
</div>
//CSS代碼
#slider{
width: 600px;
height: 300px;
overflow: hidden;
position: relative;
}
#slider img{
position: absolute;
width: 600px;
height: 300px;
}
//JS代碼
var sliderIndex = 0;
var sliderInterval;
function slider(){
var sliderImages = document.getElementsByTagName("img");
for(var i = 0; i< sliderImages.length; i++){
sliderImages[i].style.display = "none";
}
sliderIndex++;
if(sliderIndex >sliderImages.length){
sliderIndex = 1;
}
sliderImages[sliderIndex - 1].style.display = "block";
}
sliderInterval = setInterval(slider, 2000);

上述代碼中，HTML代碼用于放置圖片，CSS代碼用于設置幻燈片大小和圖片位置，JS代碼用于實現幻燈片自動切換。

在JS代碼中，首先通過getElementsbyTagName()方法獲取到所有的圖片元素，再通過for循環將圖片元素的display屬性設置為"none"，讓所有圖片元素先隱藏掉。然后通過sliderIndex變量控制圖片的順序，依次顯示每一張圖片，最后通過setInterval()方法實現每兩秒切換一張圖片。

總的來說，JS+CSS幻燈片切換是一種簡單而實用的技術，使用起來非常方便，可以讓網頁內容更加生動豐富。