Aggiungi il testo del mouse senza javascript come noi libbiamo sul nome di un utente

Aggiungi il testo del mouse senza javascript come noi libbiamo sul nome di un utente
Su molte pagine Web, vediamo spesso un testo che appare su un determinato elemento quando ci litighiamo e scompare quando spostiamo il cursore da qualche altra parte sullo schermo. Quel testo si chiama Hover Testo. In JavaScript, è facile aggiungere il testo del mouse su un elemento. Tuttavia, è anche possibile aggiungere un testo hover in un documento HTML utilizzando ""Elemento o il""Elemento con l'attributo del titolo.

Questo articolo dimostrerà due metodi utili per aggiungere un testo hover in HTML senza usare JavaScript:

  • Attraverso l'elemento "div"
  • Attraverso l'elemento "span"

Metodo 1: Aggiungi il testo del mouse attraverso l'elemento "div"

Un testo hover può essere aggiunto semplicemente usando il ""Elemento con il"titolo"Attributo nell'apertura"". Lo sviluppatore deve aggiungere il testo hover nell'attributo "Titolo" all'interno del ""Il tag di apertura e l'elemento HTML vengono aggiunti tra l'apertura e la chiusura""Tag. Il testo all'interno del ""L'elemento contenitore può essere di qualsiasi tipo. Ad esempio, un "

" intestazione, "

Esempio

Scriviamo un semplice esempio per aggiungere ""Elemento per aggiungere il testo del mouse su un elemento HTML:

How on Me!

Secondo il codice sopra:

  • UN ""L'elemento è stato aggiunto con il"titolo"Attributo nell'apertura""Tag.
  • IL "titolo"L'attributo contiene il testo che dovrebbe essere visualizzato mentre l'utente libra il cursore del mouse sul testo.
  • Tra l'apertura e la chiusura ""Tags è il testo che verrà visualizzato sull'interfaccia in bilico su cui visualizzerà il testo del mouse.

L'esempio sopra aggiunto visualizzerà il seguente output:

Metodo 2: aggiungi il testo del mouse attraverso l'elemento "span"

Un testo in bilico può anche essere aggiunto usando ""Elemento in HTML. Tutto ciò che richiede è aggiungere il testo hover nell'attributo del titolo e l'elemento HTML effettivo per il quale viene aggiunto il testo del mouse tra l'apertura e la chiusura ""Tag.

Esempio

Aggiungiamo un semplice esempio per inserire il ""Elemento nel documento HTML allo scopo di aggiungere il testo del mouse su un elemento HTML:

How on Me!

Nell'esempio sopra:

  • UN ""L'elemento è stato aggiunto con il"titolo"Attributo all'interno dell'apertura""Tag.
  • IL "titolo"L'attributo contiene il testo che dovrebbe essere visualizzato quando l'utente si aggira.
  • Tra l'apertura e la chiusura ""Tag è il testo che verrà visualizzato all'utente che si libra su che visualizzerà il testo del mouse.

Produzione

Ciò riassume i possibili metodi per aggiungere un testo al molare senza usare JavaScript.

Conclusione

Un testo hover può essere facilmente aggiunto in HTML senza richiedere l'uso delle funzioni JavaScript. Lo sviluppatore deve utilizzare il ""Elemento o il""Elemento che crea l'elemento HTML e quindi aggiungi l'attributo del titolo che definisce il testo del mouse. Questo post è una buona guida sul metodo per aggiungere il testo del mouse senza richiedere JavaScript.