新手学JQuery。鼠标经过事件。这样写好累啊。有什么一次性解决的方法。以下是代码（部分代码）
<scripttype="text/javascript">$(document).ready(function(){$("#li1").mouseover(functi...
<script type="text/javascript">
$(document).ready(function () {
$("#li1").mouseover(function () {
$("#li1").css("background-color", "#000");
$("#li1 a").css("color", "#fff");
})
$("#li2").mouseover(function () {
$("#li2").css("background-color", "#000");
$("#li2 a").css("color", "#fff");
})
$("#li3").mouseover(function () {
$("#li3").css("background-color", "#000");
$("#li3 a").css("color", "#fff");
})
})
</script>
<body>
<ul>
<li id="li1"><a href="#">主页</a></li>
<li id="li2"><a href="#">项目</a></li>
<li id="li3"><a href="#">网站</a></li>
</ul>
</body> 展开
$(document).ready(function () {
$("#li1").mouseover(function () {
$("#li1").css("background-color", "#000");
$("#li1 a").css("color", "#fff");
})
$("#li2").mouseover(function () {
$("#li2").css("background-color", "#000");
$("#li2 a").css("color", "#fff");
})
$("#li3").mouseover(function () {
$("#li3").css("background-color", "#000");
$("#li3 a").css("color", "#fff");
})
})
</script>
<body>
<ul>
<li id="li1"><a href="#">主页</a></li>
<li id="li2"><a href="#">项目</a></li>
<li id="li3"><a href="#">网站</a></li>
</ul>
</body> 展开
1个回答
展开全部
<script type="text/javascript">
$(document).ready(function () {
$("li").mouseover(function () {
$(this).css("background-color", "#000").children("a").css("color", "#fff");
}).mouseout(function(){
$(this).css("background-color", "").children("a").css("color", "");
});
});
</script>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
