变色龙网站，使用颜色选择器更改网站的颜色

我想了解如何设计一个网站，其背景和图像颜色将由用户更改。在诸如msn，yahoo等网站中，颜色可以通过4种颜色（例如绿色，蓝色，白色等）中的一种颜色改变。但是，在该图像中没有诸如投影或渐变叠加的效果。但是，想改变应用了阴影，渐变叠加等效果的图像的颜色。此外，每种颜色。就像变色龙。变色龙网站，使用颜色选择器更改网站的颜色

我可以在顶部的右侧放置文本链接。像Photoshop一样的颜色选择器可以在用户点击此链接时打开。颜色选择器根据选定的颜色生成十六进制代码。网站的颜色改变为用户选择的颜色。

我改变了使用JavaScript DOM透明的图像背景颜色。图像中透明区域的颜色将与包含此图像的div标签的背景颜色相同。但是，如果图像具有阴影，覆盖等效果，则变化的颜色将被禁用。

我该怎么做，以及我将使用哪种技术，jQuery，Ajax？我如何创建一个颜色可能会改变的网站。如何创建一个网站，颜色可以由用户更改。

就像变色龙......

来源

2011-02-09 Maozturk

嗯，嗯，这可能需要一段时间才能实现，如果你开始用小知识。

我的建议，让你开始，是有一个JavaScript，根据用户的选择更改身体元素的类。假设我访问该页面，<body>标签没有任何类别，并且使用了默认的CSS。

然后我点击链接将事情变成红色。使用javascript或jquery，为主体提供“red-body”类。

在你的样式表中有CSS，它只适用于这个类的元素的子元素。

Html: 
<a href="" class="go-red">Go Red</a> 

jQuery 
$('.go-red').click(function(){$('body').removeClass();$('body').addClass('red-body');});

所以，如果你有这样的代码：

#navigation li{color:#000;} 
.red-body #navigation li{color: #af000;}

这将使这一切成为可能。这意味着你可以只用一个样式表完成，我认为这是最好的方式。

有很多方法可以存储用户的选择。最简单的方法之一是在浏览器中设置一个cookie。你可以用javascript来做到这一点，这里是w3schools的介绍：http://www.w3schools.com/JS/js_cookies.asp

来源

2011-02-10 17:58:50 daveyfaherty

变色龙网站，使用颜色选择器更改网站的颜色

回答

相关问题