css实现文件夹点击被选中的样式.

项目中遇到了需要实现点击有勾选效果的情况,试了一下通过伪元素的方式实现了.

需要达到的效果:

        左边是点击后的效果,右边是原始的效果.

需要达到的效果图

直接上代码:

html

li标签的设置为相对定位.div为绝对定位,通过为元素定位的方式实现.

css

js就是普通的点击事件.切换类名来实现.

js