说起换肤功能,前端肯定不陌生,其实就是颜色值的更换,实现方式有很多,也各有优缺点
一、看需求是什么一般来说换肤的需求分为两种:
1. 一种是几种可供选择的颜色/主题样式,进行选择切换,这种可供选择的主题切换不会很多
2. 另一种是需要自定义色值,或者通过取色板取色,可供选择的范围就很大了
二、如何实现 1. 对于可供选择的颜色/主题样式换肤的实现一个全局class控制样式切换
切换的时候js控制样式的切换
JS改变href属性值切换样式表,例如:
<link href="http://www.likecs.com/skin-default.css" type="text/css">