HTML5切换效果代码分享（让你的网站更具视觉冲击力）

tainer { : relative;

width: 100%;

height: 500px; ;

.slide { : absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

opacity: 0; sition-out;

.slide.active {

opacity: 1;

tainer”>

gage1.jpg”>

gage2.jpg”>

gage3.jpg”>

ent.querySelectorAll(‘.slide’); dex=0;

ctionextSlide() { dexove(‘active’); dexdexgth; dex].classList.add(‘active’);

tervalextSlide, 5000);