代码：
<html>
<head>
<meta charset="utf-8" />
<title>实验一</title>
<style>
.h{color:#F6C;}
.s1{color:#09F; font:22px;}
.s2{color:#F63; font:22px;}
.t1{color:#C96;}
.t2{font-size:36px;}
.hide{display:none;}
</style>
<script type="text/javascript" src="jquery-1.11.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#bt1").click(function(){
if($("#p1").is(":hidden"))
{
$("#bt1").val("赛季初");
$("#l3,#l4,#l5").addClass("hide");
$("#p1").removeClass("hide");
$("#l1,#l2").css({"font":"30px"}).addClass("t1");
}
else
{
$("#bt1").val("赛季末");
$("#p1").addClass("hide");
$("#l3,#l4,#l5").removeClass("hide");
$("#l1,#l2").css({"font":"22px"}).removeClass("t1");
}
})
})
</script>
</head>
<body>
<p align="center" class="h">英超俱乐部</p>
<ul>
<li id="l1" class="s1">曼联</li>
<li id="l2" class="s2">曼城</li>
<li id="l3" class="s2">切尔西</li>
<li id="l4" class="s1">阿森纳</li>
<li id="l5" class="s1">利物浦</li>
</ul>
<p id="p1" class="hide t1 t2">疯了疯了</p>
<input type="button" id="bt1" value="赛季末" />
</body>
</html>