网页换肤

最新推荐文章于 2022-07-29 14:45:06 发布

转载最新推荐文章于 2022-07-29 14:45:06 发布 · 225 阅读

17 篇文章

订阅专栏

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>huanhu</title>
	<link href="bd.html
	" id="csslink" rel="stylesheet">
	<style type="text/css">
	*{
	margin: 0;
	padding: 0 ;
	}
	#main{
	width: 400px;
	height: 300px;
	font-size: 29px;
	background-color: #443344;
	border: 1px dashed #666666;
	margin: 0 auto;
	}
	#dd{
	text-align: center;
	}
	#s{
	height: 100px;background-color: silver;
	}


	</style>
	<script type="text/javascript">
	var turn=false;
	function hh()

	{

	turn=!turn;
	if(turn)
	{document. getElementById('csslink').href="1.css";

	}
	else
	document. getElementById('csslink').href="2.css";
	}
	</script>
	</head>
	<body>
	<div id="main">
	<div id="db"><span>>顶部</span></div>
	<button id="hh" onclick="hh();" >换肤</button>
	<div id="left">左边列表</div>
	<div id="s"></div>
	<div id="dd"><span>底部</span>
	</div></div>
	</body>
	</html>