改变网站的色彩
2010-09-30 22:35:29 来源:WEB开发网当central.aspx加载时,服务器读取的C#的ASPX的内容,然后渲染为CSS到浏览器上。这是因为我们声明内容类型为""text/css"。这是因为我们声明我们的内容的类型为 "text/css"。
在central.aspx,我们判断是否有一个名字为"colorme"的cookie。如果没有,我们生成一个1至5之间的一个随机数和定义适当四个变量根据这个随机数。(这些变量将会用来设置logo , 弱色,中等色彩,和强烈的色彩)。 如果有一个名字为"'colorme'"的cookie ,我们的四个变量设置到适当的logo和颜色。一旦四个变量的设置,不同的CSS样式被分配给相应的值。
以上发生,是在当页加载的时候-设置颜色
现在,提供用户他们能选择的颜色的权利,在我们的例子中有:green, orange, pink, blue, 和 purple
色箱子之下的超链接设置如下所示:
<table style="width:100%">
<tr>
<td></td>
<td style="text-align:right">Change colour</td>
<td><a href="default.aspx?colour=green"><img src="images/square-green.jpg"
alt="Change to green" class="img_border" style="vertical-align:middle"/></a></td>
<td><a href="default.aspx?colour=orange"><img src="images/square-orange.jpg"
alt="Change to orange" class="img_border" style="vertical-align:middle"/></a></td>
<td><a href="default.aspx?colour=pink"><img src="images/square-pink.jpg"
alt="Change to pink" class="img_border" style="vertical-align:middle"/></a></td>
<td><a href="default.aspx?colour=blue"><img src="images/square-blue.jpg"
alt="Change to blue" class="img_border" style="vertical-align:middle"/></a></td>
<td><a href="default.aspx?colour=purple"><img src="images/square-purple.jpg"
alt="Change purple" class="img_border" style="vertical-align:middle"/></a></td>
</tr>
</table>
更多精彩
赞助商链接