<li class="home"><a href="forumdisplay.php?fid=$fid">所有帖子</a></li> 如何改变css样式用jquery
<scripttype="text/javascript">$(function(){$(".home").click(function(){$(this).addCla...
<script type="text/javascript">
$(function(){
$(".home").click(function(){
$(this).addClass ("home_hover").removeClass("home");
})
})
</script >
为什么出不来效果？急 展开
$(function(){
$(".home").click(function(){
$(this).addClass ("home_hover").removeClass("home");
})
})
</script >
为什么出不来效果？急 展开
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的标准来写吧。
<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 >
<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传值如何实现不刷新页面！我点击后刷新页面就没效果了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
