在jQuery中如何单击标题时显示其下的子菜单，并个子菜单里的第一个列表项添加蓝色背景，
在jQuery中如何单击标题时显示其下的子菜单，并个子菜单里的第一个列表项添加蓝色背景，怎样通过addclass（）方法为该列表项的链接设置字体大小为14px,加粗，字体...
在jQuery中如何单击标题时显示其下的子菜单，并个子菜单里的第一个列表项添加蓝色背景，怎样通过addclass（）方法为该列表项的链接设置字体大小为14px,加粗，字体颜色为白色，并且为紧跟其后的列表项设置字体大小为14px,此外列表项之间的行间距为24px
展开
1个回答
展开全部
<style type="text/css">
ul li{
list-style:none;
border:1px solid red;
padding:5px 10px;
background-color:#ccc;
width:50px;
text-align:center;
display:none;
}
span,li:hover{
cursor:pointer;
}
.cname1{
padding:12px 0px;
font-size:14px;
}
.cname2{
background-color:blue;
font-size:14px;
font-weight:bold;
color:white;
}
</style>
用的jquery
<script type="text/javascript">
$(function(){
$("#sp1").click(function(){
$("ul li").toggle();//这个方法意思是 如果列表时隐藏的 单击后就显示 如果是显示的 单击后就隐藏
$("ul li").addClass('cname1');
$("ul li:first").addClass('cname2');
});
});
</script>
<body>
<ul><span id="sp1" style="border:1px solid green">分类</span>
<li>保险</li>
<li>金融</li>
<li>证券</li>
<li>银行</li>
</ul>
</body>
ul li{
list-style:none;
border:1px solid red;
padding:5px 10px;
background-color:#ccc;
width:50px;
text-align:center;
display:none;
}
span,li:hover{
cursor:pointer;
}
.cname1{
padding:12px 0px;
font-size:14px;
}
.cname2{
background-color:blue;
font-size:14px;
font-weight:bold;
color:white;
}
</style>
用的jquery
<script type="text/javascript">
$(function(){
$("#sp1").click(function(){
$("ul li").toggle();//这个方法意思是 如果列表时隐藏的 单击后就显示 如果是显示的 单击后就隐藏
$("ul li").addClass('cname1');
$("ul li:first").addClass('cname2');
});
});
</script>
<body>
<ul><span id="sp1" style="border:1px solid green">分类</span>
<li>保险</li>
<li>金融</li>
<li>证券</li>
<li>银行</li>
</ul>
</body>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
