Question

我想了解如何设计一个网站，用户可以更改背景和图像颜色。在msn，yahoo等网站中，颜色只能改变4种颜色中的一种颜色，如绿色，蓝色，白色等。但是，在该图像中没有像阴影或渐变叠加这样的效果。但是，我想改变应用效果的图像的颜色，例如投影，渐变叠加。而且，每种颜色。就像变色龙一样。

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

我使用JavaScript DOM更改了透明的图像背景颜色。图像中透明区域的颜色与包含该图像的div标签的背景颜色相同。但是，如果图像具有阴影，叠加等效果，则会禁用更改颜色。

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

就像变色龙......

Answer 1

嗯，如果你的知识很少，那么这可能需要一段时间才能实现。

我的建议是，让你开始，有一个javascript，它根据用户的选择更改body元素的类。因此，假设我访问该页面，<body>标记没有类，并且使用了默认的css。

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

在样式表中使用css，该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