js实现带预览效果的幻灯片

一、HTML

二、CSS部分

slider，main，main-i均要设置

再者就是鼠标滑过或者点击样式的变化

三、js部分

1. 通用函数设置
2. 模板字符串
3. 幻灯片切换（使用到排他思想）
4. 图片垂直居中设置position;ansolute;top:50%;margin-top:-clientHeight/2