简单换肤（另参看浏览器加载顺序）

iteye_11753

于 2011-11-20 21:35:55 发布

阅读量89

点赞数

CC 4.0 BY-SA版权

分类专栏：客户端技术---JS---JQUERY 文章标签： javascript ViewUI

本文链接：https://blog.youkuaiyun.com/iteye_11753/article/details/82207447

客户端技术---JS---JQUERY 专栏收录该内容

25 篇文章

订阅专栏

本文介绍如何使用JavaScript和CSS实现动态换肤功能。通过创建一个按钮，用户可以轻松切换网页的不同样式主题。实现过程涉及JavaScript操作DOM来动态修改CSS文件链接。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<%@page contentType="text/html; charset=gbk"%>
<html>
	<head>
		<link id="theme_css_id" rel="stylesheet" type="text/css">
	</head>
	<body >
	<input type="button" onclick="change(2)" value="换肤哈">
	</body>
</html>
<script language="JavaScript">
function change(a){
	var aa = document.getElementById("theme_css_id");
	aa.href = "<%=request.getContextPath()%>/webframe/example/00"+a+".css";
}
document.onload = change(1);
</script>

注：

001.CSS

002.CSS

分别定义两种风格的CSS