Nachricht popup on mouse hover

Ich entwickle eine website in wordpress.Es gibt eine Menüleiste in der Kopfzeile.Was ich jetzt möchte ist ,wenn ich mit der Maus über den Menüpunkt,, ich sollte eine Nachricht bekommen popup .

Nachricht popup on mouse hover

im obigen Fall soll es werden "Dienstleistungen, die auf Umang", wenn sich der Mauszeiger über das Dienste-Menü Element.

folgenden ist der css-code für mouse-hover

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

Einer hat die Idee zu dieser?

InformationsquelleAutor | 2012-07-11
  1. 1

    Verwenden Sie das title-Attribut

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

    Oder google nach "jquery tooltip"

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

    InformationsquelleAutor Besnik
  2. 1

    Verwenden Sie die title HTML-Attribut. Es würde ein popup auftreten, nachdem schwebt nach einer bestimmten kurzen Zeit.

    Es ist auch native und semantische.

    Live-Beispiel

    • Können Sie bitte ein Beispiel in der Antwort? So konnte er verstehen, in besser Weise.
    • Getan, werfen Sie einen Blick.
    InformationsquelleAutor Madara Uchiha
  3. 0

    Können Sie es mit ein paar div-die position: absolute und dann sth like:

    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>
    InformationsquelleAutor Mateusz Rogulski
  4. 0

    Legen Sie die li position:relative, in der es legen Sie ein weiteres element (popup-Meldung) und geben Sie position:absolute und display:none, und positionieren Sie es mit left, top etc. (wie: left:10px;top:-50px;) zu der position, die Sie wollen. Dann legen Sie es auf dem display an hover:

    li:hover .popup-message {display:block;}
    InformationsquelleAutor Henrik Janbell
  5. 0

    versuchen, diese

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

    oder 

    <element onmouseover="this.innerHTML='someText'"></element>
    InformationsquelleAutor Ricky
Schreibe einen Kommentar