JavaScript 实现简单的点击切换背景

最新推荐文章于 2024-05-16 10:12:55 发布

原创最新推荐文章于 2024-05-16 10:12:55 发布 · 913 阅读

0 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

41 篇文章

订阅专栏

本文介绍了一种通过JavaScript实现网页换肤的方法。用户可以通过点击按钮切换不同的CSS样式文件来改变网站的主题颜色。提供了两种主题样式：粉色和青色。

<!DOCTYPE html>
<html>
	<head>
		<title>点击换肤</title>
		<meta charset="utf-8" />
		<link id="skin" rel="stylesheet" type="text/css" href="02-purple.css">
	</head>
	<body>
		<button onclick="toPink();">粉色</button>
		<button onclick="toCyan();">青色</button>
	</body>
	<script>
		function toPink()
		{
			//要改谁 就找到那个对象
			document.getElementById('skin').href="02-pink.css";
		}		
		function toCyan()
		{
			document.getElementById('skin').href="02-cyan.css";
		}
	</script>
</html>