gpt4 book ai didi

jquery - 如何在鼠标悬停时显示列表

转载 作者:行者123 更新时间:2023-11-28 04:08:07 24 4
gpt4 key购买 nike

<nav>
<a href="login.html" class="dropdown-content" style="text-align: center"><span id="login">您好</span><i class="login"></i></a>
<a href="9.html"><i class="like"></i></a>
<a href="7.html"><i class="file"></i></a>
<a href="4.html" style="text-align: center"><span id="counter">0</span><i class="drink"></i></a>
</nav>

当鼠标悬停(悬停)时,我可以在登录时创建什么列表?

#login{
color: #cb3e31;
font-size: 18px;
top: 31px;
margin-top: 30px;
margin-left: 15px;
width: auto;
text-align: center;
}

like the photo,i want my mouse hover "login" it can display the list

最佳答案

首先使用 div 元素包装您的列表(更易于处理)或一个一个地显示

<nav>
<a href="login.html" class="dropdown-content" style="text-align: center">
<span id="login">您好</span><i class="login"></i>
</a>
<div id="list">
<a href="9.html"><i class="like"></i></a>
<a href="7.html"><i class="file"></i></a>
<a href="4.html" style="text-align: center"><span id="counter">0</span><i class="drink"></i></a>
</div>
</nav>

<script>
$("#login").hover(
function() {
// show element
$('#list').show();
}, function() {
// hide element
$('#list').hide();
}
);
</script>

关于jquery - 如何在鼠标悬停时显示列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42855511/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com