1个回答
展开全部
有两种方法
css实现方法最简单
<style type="text/css">
.htmlcss li{
display:none;
}
.htmlcss:hover li{
display:block;
}
</style>
<ul class="htmlcss">
方案一:css
<li>菜单1</li>
<li>菜单2</li>
<li>菜单3</li>
</ul>
js实现方法有点复杂
<style type="text/css">
.htmljs li{
display:none;
}
.htmljsshow li{
display:block;
}
</style>
<ul class="htmljs" onmouseover="this.className='htmljsshow'" onmouseout="this.className='htmljs'" >
方案二:js
<li>菜单1</li>
<li>菜单2</li>
<li>菜单3</li>
</ul>
css实现方法最简单
<style type="text/css">
.htmlcss li{
display:none;
}
.htmlcss:hover li{
display:block;
}
</style>
<ul class="htmlcss">
方案一:css
<li>菜单1</li>
<li>菜单2</li>
<li>菜单3</li>
</ul>
js实现方法有点复杂
<style type="text/css">
.htmljs li{
display:none;
}
.htmljsshow li{
display:block;
}
</style>
<ul class="htmljs" onmouseover="this.className='htmljsshow'" onmouseout="this.className='htmljs'" >
方案二:js
<li>菜单1</li>
<li>菜单2</li>
<li>菜单3</li>
</ul>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询