所有帖子 如何改变css样式用jquery
发布网友
共2个回答
热心网友
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>example</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.1.min.js"></script>
<script type="text/javascript">
$(function(){
$(".home").click(function(){
$(this).addClass ("home_hover").removeClass("home");
});
});
</script>
<style type="text/css">
<!--
.home a{ color:#000;}
.home_hover a{ color:#f00}
-->
</style>
</head>
<body>
<ul>
<li class="home"><a href="#">所有帖子</a></li>
</ul>
</body>
</html>
通过单击改变class，是可以实现的，你试下上面的代码，只是要注意一下，结尾还有个 " ; "，按照jquery的标准来写吧。追问forumdisplay.php?fid=$fid 我这里还有个传值如果加上的话在jquery里效果就没有了
追答跳转的新页面？那么这个新页面也要引用js的
热心网友
你的代码不对！调整一下试试~
<script type="text/javascript">
$(function(){
$(".home").hover(
function(){
$(this).stop().removeClass('home').addClass ("home_hover");
},
function(){
$(this).stop().removeClass('home_hover').addClass ("home");
}
)
})
</script >追问能不能实现点击后效果切换,主要是中间有个PHP传值如何实现不刷新页面！我点击后刷新页面就没效果了
