<p class="a">test</p>
<script>
$(document).ready(function(){
$("p").mouseover(function(){
$("p").removeClass("a").addclass("b")
})
$("p").mouseout(function(){
$("p").removeClass("b").addclass("a")
})
})
</script>
如果有什么要问的欢迎追问
改变link标签的链接源就可以了，我以前写过的一个类似的，根据喜好选择不同的主题：
页面中引入了这样一个外部样式：
<link id="theme" href="themes/all-hallows-eve.css" rel="stylesheet" type="text/css">请选择主题：
<select id="sel1_tianlidong" onchange="changecss(this)"return false">
<option value="tricolore">tricolore主题</option>
<option value="twilight">twilight主题</option>
<option value="zenburnesque">zenburnesque主题</option>
</select>
脚本代码这样写：
<script>function changecss(obj)
{
document.getElementById("theme").href ="themes/"+obj.value+".css"
return false
}
</script>
做鼠标点击事件更改CSS方法：
若点击AAA后一直都是none，点任意一个地方都是none.
<div class="BBB" style="display: none">
则把hide,show方法，换成css()，和你上面那样式放进去即可。
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
