* { margin:0; padding:0; } img { border:none; } li { list-style:none; } #container { margin:50px auto; position:relative; width:300px; height:300px; } #imgs img { display:none; } #imgs img.selected { display:block; } #tab { position:absolute; right:10px; bottom:10px; } #tab li,#arrows span { width:20px; height:20px; background:#000; color:#fff; cursor:pointer; float:left; text-align:center; line-height:20px; margin:2px; } #arrows { position:absolute; left:10px; bottom:10px; } #tab li.selected { background:#900; }
更新时间:2021-12-23 01:57:07
无插件,纯js编写,修改简单方便,轻量级
鼠标进入按钮切换图片,左右按钮点击切换图片 ,鼠标进入停止播放,移除继续播放