超级简单:改变网站的色彩

简介:

   曾经是否想给您的网站的观众有机会去定制网站的色彩?这篇文章给出了使用ASP.NET来建立自己这样的网站的一个解决方案。在这里,我们使用ASP.NET母版页,所选择的语言是C#。

    如msn.com和bbc.co.uk网站允许用户改变他们的网站模板颜色。这个想法看上去似乎是个噱头,并似乎有点毫无意义的,因为不是每个人都需要的,或者是符合每个人的口味。

    但也有一些地方- 如MSN和BBC等大型组织会花很多钱在市场营销研究上。

    首先,让我们看看演示的顺序和文件要求。我们使用Default.aspx开始,

    所有的工作在 central.aspx 和master.cs中完成。

    首先的一个关键点是样式是aspx文件而不是css文件。central.aspx文件渲染一个CSS文件,因为我们在文档内容的顶部声明。样式表如下:

代码

       当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

 

 

  色箱子之下的超链接设置如下所示:

代码

     当点击其中任何一个,Default.aspx的被调用,调用master.cs 和central.aspx。central.aspx将像上面说明的一样表现,master.cs留意URL中querystring的 'color' 。

master.cs 像下面所示:

代码

     但页面加载的时候,我们要寻求两个东西:ID querystring 和colour querystring ,在我们的案例当中,ID只是指引我们到相应的页面,我们可以加载control2.ascx,control3.ascx,如果ID为空,home.ascx 将会被加载。

是我们寻求的colour querystring ,如果它不等于空,我们看到它是否等于我们的颜色之一-green, orange等,如果相等,我们根据颜色选择简单地创建一个Cookie。central.aspx被调用,通过查看是否有一个名字为 'colorme' 的cookie ,并选择相关的样式。

注意,如果你设置了样式表这样做,您就可以让您的用户更改任何样式。

该方法是由Cookie驱动的。大多数用户有能力阻止和删除Cookie ,你可能需要添加一个帮助页面去描述。

查看这个的例子

 

 






本文转自麒麟博客园博客,原文链接:http://www.cnblogs.com/zhuqil/archive/2009/12/24/1631025.html,如需转载请自行联系原作者


相关文章
|
移动开发 前端开发 IDE
前端知识笔记(三十四)———HBuilder的下载与使用(详细步骤)
前端知识笔记(三十四)———HBuilder的下载与使用(详细步骤)
715 0
|
6天前
|
弹性计算 人工智能 安全
云上十五年——「弹性计算十五周年」系列客户故事(第二期)
阿里云弹性计算十五年深耕,以第九代ECS g9i实例引领算力革新。携手海尔三翼鸟、小鹏汽车、微帧科技等企业,实现性能跃升与成本优化,赋能AI、物联网、智能驾驶等前沿场景,共绘云端增长新图景。
|
12天前
|
存储 弹性计算 人工智能
【2025云栖精华内容】 打造持续领先,全球覆盖的澎湃算力底座——通用计算产品发布与行业实践专场回顾
2025年9月24日,阿里云弹性计算团队多位产品、技术专家及服务器团队技术专家共同在【2025云栖大会】现场带来了《通用计算产品发布与行业实践》的专场论坛,本论坛聚焦弹性计算多款通用算力产品发布。同时,ECS云服务器安全能力、资源售卖模式、计算AI助手等用户体验关键环节也宣布升级,让用云更简单、更智能。海尔三翼鸟云服务负责人刘建锋先生作为特邀嘉宾,莅临现场分享了关于阿里云ECS g9i推动AIoT平台的场景落地实践。
【2025云栖精华内容】 打造持续领先,全球覆盖的澎湃算力底座——通用计算产品发布与行业实践专场回顾
|
4天前
|
云安全 人工智能 安全
Dify平台集成阿里云AI安全护栏,构建AI Runtime安全防线
阿里云 AI 安全护栏加入Dify平台,打造可信赖的 AI
|
11天前
|
人工智能 自然语言处理 自动驾驶
关于举办首届全国大学生“启真问智”人工智能模型&智能体大赛决赛的通知
关于举办首届全国大学生“启真问智”人工智能模型&智能体大赛决赛的通知
|
7天前
|
人工智能 运维 Java
Spring AI Alibaba Admin 开源!以数据为中心的 Agent 开发平台
Spring AI Alibaba Admin 正式发布!一站式实现 Prompt 管理、动态热更新、评测集构建、自动化评估与全链路可观测,助力企业高效构建可信赖的 AI Agent 应用。开源共建,现已上线!
616 17
|
6天前
|
人工智能 Java Nacos
基于 Spring AI Alibaba + Nacos 的分布式 Multi-Agent 构建指南
本文将针对 Spring AI Alibaba + Nacos 的分布式多智能体构建方案展开介绍,同时结合 Demo 说明快速开发方法与实际效果。
412 34