Question

我想创建这个标签，当你用鼠标指向它时，它会显示一个垂直的重定向列表（链接等），当你移开鼠标时它会被再次隐藏，似乎有点儿'很难：哦

我该怎么办？（我正在使用c＃进行编程，如果它与它有任何关系）。请花时间并提前致谢：）

Answer 1

只是为了确定 - 你想要像

这样的javascript解决方案

$("#hover").mouseover(function(){$(".message").show()});
$("#hover").mouseleave(function(){$(".message").hide()});

类似

<div id="hover">hover here</div>
<div class="message" style="display:none;">Message</div>

或其他什么？

万一，这意味着：创建例如：一个带有id的div，另一个带有id的div一个类（也可以是一个id，但只是为了变化;）），使用css将消息设置为display: none;并将jquery mouseover()和mouseleave()事件处理程序绑定到#hover-element调用jquery函数show()和hide()。

供参考：api.jquery.com/mouseover/ api.jquery.com/show/ api.jquery.com/hide/

如果你想要它作为纯CSS，可以使用伪元素:hover作为元素：

<div id="hover">hover here</div>
<div class="message">Message</div>

CSS：

 .message {
    display: none;
   }

  #hover:hover + div.message {
   display: block;
  }

但这仅在要显示的元素紧跟在悬停时显示消息的元素后面时才有效。

如何创建一个选项卡来显示onmouseover？

1 个答案: