我想实现一个想起点中文网上的阅读页面那样。在上面有一些下拉列表,读者可以选择自己喜欢的字体及页面的大小、颜色等。而且点击保存之后,页面立即随之更改,并且没有实现页面跳转。请问哪位有经验的csdn朋友告诉我一声,在这儿先谢谢了。
解决方案 »
- ��ҵ�↑��JSP��ASP�ȵ���Ŀ��һ����ʲôƽ̨��
- 实现前后台即使通信
- java 引用 Web资源 问题
- 请教Java与Ruby的比较也分析?
- struts+spring+hibernate怎么配置的?
- !!!!!!!!!!请教关于InstallShield Developer 8的设置路经问题!紧急,可立即结分!谢谢。!!!!!!!!!!
- 多对多查询空指针
- jodconverter
- 请问要得到系统时间格式为(2003-11-08)要怎样写呢...
- 高分求助:在JSP中页面缓存清除的方法
- 请教Action class [Login] not found - action SSH问题
- requst对象如何获取请求地址的域名
一般是css控制的
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>切换样式</title>
<script type="text/javascript" language="javascript">
function change_page_css(param_color)
{
document.styleSheets[0].cssText="body{font-size:12px;background-color:"+param_color+";}"; // 通过document对象的styleSheets属性访问到css对象然后进行修改即可。
}</script>
<style type='text/css'>
body{
font-size:24px;
background-color:yellow;
}</style>
</head><body>
改变一下
<input type="button" onclick="change_page_css(this.value)" value="blue"/><input type="button" onclick="change_page_css(this.value)" value="red"/>
</body>
</html>
============================================================================================
关键代码:document.styleSheets[0].cssText="body{font-size:12px;background-color:"+param_color+";}"; // 通过document对象的styleSheets属性访问到css对象然后进行修改即可。
核心:<link href="css/${动态的}/style.css" ... ... />
关键就是你改变文件夹的名称,也就是css目录下面有a、b、c三种皮肤
a、b、c三种皮肤文件夹下面都有style.css样式和图片。
你只需要在:<link href="css/a/style.css" ... ... />就是a样式了,
同理:<link href="css/b/style.css" ... ... />就是b样式。
……
在web中你可以通过一个按钮或是下拉菜单,让用户设置皮肤。然后把换肤信息
保存在session、cookie、或是数据库中,建议保持在数据库中。