Demo效果如下,点击绿色椭圆小块,实现可滑动和动画效果,不是图片切换。
HTML结构代码:
- <div class="ck-switch">
- <span class="ck-switch-on">是</span>
- <span class="ck-switch-off ck-switch-current ck-switch-current-40"></span>
- </div>
<div class="ck-switch">
<span class="ck-switch-on">是</span>
<span class="ck-switch-off ck-switch-current ck-switch-current-40"></span>
</div>
CSS代码: