如以下代码，当我将鼠标移入li标签时、想改变当中对应的Div样式、用JQuery怎么写，求解！

<liclass="oneShouYe"id="firstPage"><aclass=""href=""style="color:Black">首页</a></li><l... <li class="oneShouYe" id="firstPage">
<a class="" href="" style="color: Black">首页</a>
</li>
<li class="fatab" id="bzCheck" onmouseover="aa(this)">
<div class="smallMenuDiv">
<a href="" style="color: Black">标准查询</a>
</div>
</li>
<li class="fatab" id="bzEpis">
<div class="smallMenuDiv">
<a href="" style="color: Black">标准知识</a>
</div>
</li> 展开

 我来答

2个回答

#热议# 为什么有人显老，有人显年轻？

爱若狼
2012-05-02

知道答主

回答量：41

采纳率：0%

帮助的人：16万

我也去答题访问个人页

关注

展开全部

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="../js/jquery-1.7.1.js"></script>
<script type="text/javascript">
//1$(function(){
// $(".ba").click(function(){
// $(this).addClass("cs").removeClass("ba").children("p").show().end().siblings().removeClass("cs").addClass("ba").children("p").hide();
// });
//1 });

//2$(function(){
//
// $("tr td:has(:checkbox:checked)").parent().css("background","green");
// //alert("")
// $("tr td input").click(function(){
// if(this.checked==true){
// $(this).parent().parent().css("background","green");
// }
// else{
// $(this).parent().parent().css("background","#fff");
// }
// });
//2});
$(function(){
var $div_li = $("div.tab_menu ul li");
$div_li.click(function(){
$(this).addClass("xuz").siblings().removeClass("xuz");
var index = $div_li.index(this);
$("div.tab_box div").eq(index).show().siblings().hide();
});
});
</script>
<style>
*{ padding:0px; margin:0px;}
#menu{ width:300px; margin:auto;}
li { list-style:none;}
/*1.ba{ background:#555; color:#fff; cursor:pointer;}
.cs{ color:#33C; background:green;cursor:pointer;}
div.ba{ margin:2px 0;}
div p{ background:#888; display:none;width:300px; margin-top:2px; color:#F00;}
div span{ display:block; width:300px; height:20px; line-height:20px;
}*/
/*2td{ color:#f00; width:33%;}*/

.tab{ width:500px; margin:auto; margin-top:20px;}
ul li{ width:100px; float:left; height:20px; line-height:20px;color:#999; text-align:center;cursor:pointer; letter-spacing:0px; border-left:1px solid #ccc; border-top:1px solid #ccc; border-right:1px solid #ccc; background-color:#666; color:#fff;}
.xuz{ background:#00F; color:#fff;}
.tab_box{ clear:both; width:500px; border:1px solid #9C0;}
.hide{ display:none;}

</style>
</head>

<body>
<div id="menu">


<div class="tab">
<div class="tab_menu">
<ul>
<li class="xuz">时事</li>
<li>体育体育育</li>
<li>娱乐</li>
</ul>
</div>
<div class="tab_box">
<div>1</div>
<div class="hide">
<p>dfdfddfd</p>
</div>
<div class="hide">13<br />13<br />13<br />13<br />13<br />13<br />13<br />13<br />13<br />13<br />13<br />13<br />13<br />13<br />13<br />13<br />13<br />13<br />13<br /></div>
</div>
</div>
</div>
</div>
</body>
</html>

已赞过 已踩过<

评论收起

qxy_l
2012-05-02 · TA获得超过256个赞

知道答主

回答量：117

采纳率：0%

帮助的人：100万

我也去答题访问个人页

关注

展开全部

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>测试</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
<style type="text/css">
.ys{background-color:red;font-weight:bolder;}
</style>
<script type="text/javascript">
$(function(){
		$(".ulli li").hover(function(){
		$(this).find("div").toggleClass("ys");

		})
	})
</script>
</head>
<body>

<ul class="ulli">
<li class="oneShouYe" id="firstPage">
                        <a class="" href="" style="color: Black">首页</a>
                    </li>
                    <li class="fatab" id="bzCheck" >
                        <div class="smallMenuDiv">
                            <a href="" style="color: Black">标准查询</a>
                        </div>
                    </li>
                    <li class="fatab" id="bzEpis">
                        <div class="smallMenuDiv">
                            <a href="" style="color: Black">标准知识</a>
                        </div>
                    </li>
</ul>
</body>
</html>


本回答被提问者采纳






已赞过已踩过<

你对这个回答的评价是？
评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

如以下代码，当我将鼠标移入li标签时、想改变当中对应的Div样式、用JQuery怎么写，求解！

其他类似问题

为你推荐：