网页前端设计（滑动选项卡问题）
<divid="tabbox"><ulclass="tabs"id="tabs2"><li>团购价</li><li>活动价</li></ul><ulclass="tab_...
<div id="tabbox">
<ul class="tabs" id="tabs2">
<li>团购价</li>
<li>活动价</li>
</ul>
<ul class="tab_conbox" id="tab_conbox2">
<li >￥200 五人桌</li>
<li >￥2000 五人桌</li>
</ul>
</div>
--------------------------------------------------------------
上面代码滑动选项卡html内的代码，滑动效果已有，我想知道怎么样，能让鼠标移到 “团购价” 的时候 “活动价“改变背景颜色，鼠标移到 “活动价” 的时候 “团购价“改变背景颜色？请看清楚，并不是 :hover . 望大神指点。 展开
<ul class="tabs" id="tabs2">
<li>团购价</li>
<li>活动价</li>
</ul>
<ul class="tab_conbox" id="tab_conbox2">
<li >￥200 五人桌</li>
<li >￥2000 五人桌</li>
</ul>
</div>
--------------------------------------------------------------
上面代码滑动选项卡html内的代码，滑动效果已有，我想知道怎么样，能让鼠标移到 “团购价” 的时候 “活动价“改变背景颜色，鼠标移到 “活动价” 的时候 “团购价“改变背景颜色？请看清楚，并不是 :hover . 望大神指点。 展开
3个回答
展开全部
写了一下，希望那个能帮到你：
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<title>JS Bin</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<style>
.active{
background: red;
}
</style>
</head>
<body>
<div id="tabbox">
<ul class="tabs" id="tabs2">
<li>团购价</li>
<li>活动价</li>
</ul>
<ul class="tab_conbox" id="tab_conbox2">
<li >￥200 五人桌</li>
<li >￥2000 五人桌</li>
</ul>
</div>
<script>
$('#tabs2>li').hover(
function (){
$(this).removeClass('active').siblings().addClass('active');
}
)
</script>
</body>
</html>
有问题可以继续交流~
追答
谢谢
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
