js+css实现换肤效果

发布时间:2024-02-24 11:30

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

效果图如下:

js+css实现换肤效果_第1张图片

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

主要思路:

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

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



    
           
  •        
  •        
  •        
  •    
   
               
               
  • 奶茶
  •            
  • 火锅
  •            
  • 串串
  •            
  • 烤肉
  •        
   
   

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

ItVuer - 免责声明 - 关于我们 - 联系我们

本网站信息来源于互联网,如有侵权请联系:561261067@qq.com

桂ICP备16001015号