Fügen Sie Schwebetext ohne JavaScript hinzu, wie wir uns auf den Namen eines Benutzers bewegen

Fügen Sie Schwebetext ohne JavaScript hinzu, wie wir uns auf den Namen eines Benutzers bewegen
Auf vielen Webseiten sehen wir uns häufig einen Text an, der in einem bestimmten Element angezeigt wird, wenn wir darüber schweben und verschwinden, wenn wir den Cursor an einen anderen Ort auf dem Bildschirm bewegen. Dieser Text heißt Hover -Text. In JavaScript ist es einfach, den Schwebetext einem Element hinzuzufügen. Es ist jedoch auch möglich, einen Schwebetext in ein HTML -Dokument hinzuzufügen, indem sie entweder die “verwenden”Element oder das“Element mit dem Titelattribut.

In diesem Artikel wird zwei nützliche Methoden demonstriert, um einen Schwebetext in HTML hinzuzufügen, ohne JavaScript zu verwenden:

  • Durch "Div" Element
  • Durch das "Span" -Element

Methode 1: Hover -Text über das Div -Element hinzufügen

Ein Schwebtext kann hinzugefügt werden, indem einfach die “verwendet werden”Element mit dem“Titel"Attribut in der Öffnung"”. Der Entwickler muss den Schwebetext in das Attribut "Titel" in die “hinzufügen“"Öffnen Sie Tag und das HTML -Element wird zwischen der Öffnung und dem Schließen hinzugefügt"" Stichworte. Der Text im “”Containerelement kann von jedem Typ sein. Zum Beispiel eine “

" Überschrift, "

Beispiel

Schreiben wir ein einfaches Beispiel, um das hinzuzufügen "Element, um den Schwebetext über ein HTML -Element hinzuzufügen:

Schwebe über mich!

Nach dem obigen Code:

  • A ""Element wurde mit dem" hinzugefügt "Titel"Attribut in der Öffnung"" Schild.
  • Der "TitelDas Attribut enthält den Text, der angezeigt werden soll, während der Benutzer den Mauszeiger über dem Text hob.
  • Zwischen der Öffnung und der Schließung “”Tags ist der Text, der auf der Schnittstelle angezeigt wird, über die der Schwebetext angezeigt wird.

Das oben genannte Beispiel zeigt die folgende Ausgabe an:

Methode 2: Schwebetext über das "Span" -Element hinzufügen

Ein Schwebtext kann auch mit der “hinzugefügt werdenElement in HTML. Alles, was es erfordert, ist, den Schwebentwickel im Titelattribut und das tatsächliche HTML -Element hinzuzufügen, für das der Schwebetext zwischen der Öffnung und dem Schließen hinzugefügt wird “" Stichworte.

Beispiel

Fügen wir ein einfaches Beispiel hinzu, um das einzulegen "Element im HTML -Dokument zum Hinzufügen des Schwebertxtes über ein HTML -Element:

Schwebe über mich!

Im obigen Beispiel:

  • A ""Element wurde mit dem" hinzugefügt "Titel”Attribut innerhalb der Öffnung“" Schild.
  • Der "TitelDas Attribut enthält den Text, der angezeigt werden soll, wenn der Benutzer überbiegt.
  • Zwischen der Öffnung und dem Schließen “”Tags ist der Text, der dem Benutzer angezeigt wird, der über den Schwebetext schwebt.

Ausgang

Dies fasst die möglichen Methoden zusammen, um einen Schwebetext hinzuzufügen, ohne JavaScript zu verwenden.

Abschluss

Ein Schwebtext kann leicht in HTML hinzugefügt werden, ohne die Verwendung von JavaScript -Funktionen zu erfordern. Der Entwickler muss entweder die “verwenden“”Element oder das“Element, das das HTML -Element erstellt und dann das Titelsattribut hinzufügt, das den Schwebetext definiert. Dieser Beitrag ist eine gute Anleitung zur Methode, um den Schwebetext hinzuzufügen, ohne JavaScript zu erfordern.