js+css实现换肤效果

本文实例为大家分享了js+css实现换肤效果的具体代码，供大家参考，具体内容如下

效果图如下：

需求：点击对应小圆点，下面内容颜色跟着改变

主要思路：

1.在css中把对应的样式先写好；
2.获取小圆点给它绑定点击事件；
3.获取当前点击元素的类名；
4.将该类名设置给body；

js主要考察的是获取属性值和设置属性值；

    

        

        

        

        

    

    

        

        

            
奶茶
            
火锅
            
串串
            
烤肉
        
    

    

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。