如何在点击时更改整个页面/网站的CSS?

Rak*_*yal 8 html javascript css stylesheet

是否可以在页面上使用3-4个CSS,然后在任何事件上,比如单击,更改整个网页的CSS.这样我们就可以让用户改变主题.我知道我们可以通过以下方式更改元素的css:

$("#myElementID").removeClass("class1").addClass("class2");
Run Code Online (Sandbox Code Playgroud)

Zac*_*man 9

对的,这是可能的.通常,您要做的是编写一个JavaScript函数,该函数将更改,添加或删除<head>文档中的样式表.为了使体验更好一些,您通常会将用户的偏好存储在cookie中.A List Apart上一篇文章展示了如何实现这一点.

当然,您可以使用jQuery执行此操作 ...您可能需要查看jStyler的源代码.