<html>
<head>
<script type="text/javascript" src="jquery-1.4.1.js"></script>
<script type="text/javascript">
$("document").ready
(
function()
{
$('#class1').bind('click',function(){
$('p').removeClass('cp');
$('p').removeClass('cp2');
$('p').removeClass('cp3');
$('p').addClass('cp1');
});
$('#class2').bind('click',function(){
$('p').removeClass('cp');
$('p').addClass('cp2');
$('p').removeClass('c1');
$('p').removeClass('cp3');
});
$('#class3').bind('click',function(){
$('p').removeClass('cp');
$('p').removeClass('cp2');
$('p').removeClass('cp1');
$('p').addClass('cp3');
});
}
);
</script>
<style type="text/css">
.cp
{
text-size:10;
}
.cp1
{
text-size:20;
background-color:red;
}
.cp2
{
text-size:30;
background-color:blue;
}
.cp3
{
text-size:40;
background-color:black;
}
</style>
</head>
<body>
<div>
<a id="class1" href="#">变红</a>
<a id="class2" href="#">变蓝</a>
<a id="class3" href="#">变黑</a>
</div>
<p class="cp">
你好点就撒了水
</p>
</body>
</html>
?