gpt4 book ai didi

jquery - 显示悬停延迟的元素

转载 作者:可可西里 更新时间:2023-11-01 14:58:52 26 4
gpt4 key购买 nike

<分区>

我想实现以下目标:当用户将鼠标悬停在列表元素上时,我想在 <li> 中显示隐藏元素有延迟。例如,他从红色盘旋到紫色,并在此处停止了鼠标指针。我不想在用户将鼠标悬停在它们之间时显示所有隐藏的元素,只显示他停止的那个。

<ul>
<li>Red <div class="box red"></div></li>
<li>Orane <div class="box orange"></div></li>
<li>Yellow <div class="box yellow"></div></li>
<li>Green <div class="box green"></div></li>
<li>Blue <div class="box blue"></div></li>
<li>Violet <div class="box violet"></div></li>
</ul>

j查询

$("li").hover(function() {
$(this).children(".box").addClass("show");
}, function() {
$(this).children(".box").removeClass("show");
});

jsfiddle:https://jsfiddle.net/16region/q87dt9fe/35/

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