我有以下无序列表,我想在不悬停时隐藏并在悬停时显示。
<ul class="viewer">
<li><a href=".html">Menu</a></li>
<div>
<ul>
<li><a href=".html">1</a></li>
<li><a href=".html">2</a></li>
<li><a href=".html">3</a></li>
<li><a href=".html">4</a></li>
<li><a href=".html">5</a></li>
</ul>
</div>
CSS如下
div ul li {visibility: hidden;}
如您所见,我已将列表项包装在 div 中并将可见性设置为隐藏。
现在根据 jQuery 中的悬停方法,您应该能够在非常简单的基础上将列表项的可见性设置为可见,只需通过
$('ul li')
.hover
(function()
{
.css("visibility","visible");
}
),
(function()
{
.css("visibility","hidden");
});
让我有点不确定的是 $('ul li'). 而且,是否可以像我所做的那样在悬停效果中添加 CSS 功能?我不确定是否应该像我所做的那样将 css 添加到函数中。所有提示都表示赞赏。