2016-03-07 58 views
-2

我为我的网站做了一个浅灰色和深色的CSS。轻css作为默认和黑暗的CSS作为替代。它可以在JavaScript的帮助下完美工作。现在的问题是,如果用户选择黑色版本并刷新页面或转到下一页,它会再次回到浅色的CSS。如果用户选择黑暗的CSS,我需要我的网站加载黑暗的CSS为默认的CSS。它将如何制造?它是否与JavaScript的帮助?如果是,请给代码。如何加载选择的替代CSS为默认的CSS?

感谢

+0

需要20秒的研究才能为您的问题找到解决方案。 – Banana

+0

@Banana 2天的研究无法找到任何关于此事。如果你能找到它,请帮助我。谢谢 –

+0

调查饼干。 – Quentin

回答

1

您需要将该信息保存在浏览器cookies中。 每当用户访问网站时,如果喜欢较暗的版本,请检查cookie。要设置cookie的使用:当网站在使用此功能加载
document.cookie = "style=black; expires=Thu, 01 Jan 1970 00:00:00 UTC";

然后检查Cookie: - [学分:W3Schools的。 。 function getCookie(cname) { var name = cname + "="; var ca = document.cookie.split(';'); for(var i=0; i<ca.length; i++) { var c = ca[i]; while (c.charAt(0)==' ') c = c.substring(1); if (c.indexOf(name) == 0) return c.substring(name.length,c.length); } return ""; }

1

如果你知道如何改变通过JavaScript(如在Replacing css file on the fly (and apply the new style to the page)描述)CSS,它是80%了。 现在,您必须在某处保存用户对CSS的选择,例如使用cookie。 如果使用jquery.cookie.js,尝试创建的cookie:

$.cookie('myvalue', 'here is value', { expires: 30 }); 

和删除的cookie:

$.removeCookie('myvalue', { path: '/' }); 

希望,它会帮助!