php - 鼠标悬停时弹出消息

Question

我正在用wordpress开发一个网站。标题有一个菜单栏。现在我想要的是，当我将鼠标悬停在菜单项上时，我应该会弹出一个消息。

在上述情况下，当鼠标放在服务菜单项上时，它应该是“Umang 的服务”。

以下是鼠标悬停的css代码

    #access li a:hover 
    {
      text-decoration:underline;        
     }

有人对此有想法吗？

Answer 1

使用titleHTML 属性。悬停一段时间后会导致弹出窗口。

它也是原生的和语义的。

现场示例

Answer 2

试试这个

<element onmouseover="alert('text')">qwe</element>

或者

<element onmouseover="this.innerHTML='someText'"></element>

Answer 3

使用标题属性

<a href="#" title="Message">Hover!</a>

或谷歌“jquery tooltip”

http://cssglobe.com/post/1695/easyest-tooltip-and-image-preview-using-jquery

Answer 4

你可以用一些 div 来做到这一点position: absolute，然后让某事像：

CSS

#access li a:hover #someAbsolutePositioningDiv
{
  display: block;    
  position: absolute;
  top: some value;
  left: some value;
}

#someAbsolutePositioningDiv
{
  display: none;
}

HTML

<ul id="access">
 <li>
   Text
   <div id="someAbsolutePositioningDiv">Some other text</div>
 </li>
</ul>

Answer 5

将 li 设置为 position:relative，在其中放置另一个元素（弹出消息）并给它 position:absolute 和 display:none，并将其定位为 left、top 等（如：left:10px;top:-50px ;) 到你想要的位置。然后将其设置为在悬停时显示：

li:hover .popup-message {display:block;}