Aggiungi testo al passaggio del mouse senza JavaScript come se passassimo il mouse sul nome di un utente

Aggiungi Testo Al Passaggio Del Mouse Senza Javascript Come Se Passassimo Il Mouse Sul Nome Di Un Utente



Su molte pagine Web, spesso visualizziamo un testo che appare su un determinato elemento quando ci passiamo sopra e scompare quando spostiamo il cursore da qualche altra parte sullo schermo. Quel testo si chiama testo al passaggio del mouse. In JavaScript, è facile aggiungere il testo al passaggio del mouse su un elemento. Ma è anche possibile aggiungere un testo al passaggio del mouse in un documento HTML utilizzando il '
” elemento o il “ ” con l'attributo title.

Questo articolo illustrerà due metodi utili per aggiungere un testo al passaggio del mouse in HTML senza utilizzare JavaScript:

Metodo 1: aggiungi testo al passaggio del mouse tramite l'elemento 'div'.

È possibile aggiungere un testo al passaggio del mouse semplicemente utilizzando il pulsante '

” elemento con il “ titolo ” attributo in apertura “ ”. Lo sviluppatore deve aggiungere il testo al passaggio del mouse 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, '

” elemento di paragrafo o un semplice testo in chiaro.





Esempio

Scriviamo un semplice esempio per aggiungere il '

” per aggiungere il testo al passaggio del mouse su un elemento HTML:



< div titolo = 'Questo è il testo al passaggio del mouse' > Passa sopra di me! < / div >

Secondo il codice sopra:



  • UN '
    ” è stato aggiunto l'elemento “ titolo ” attributo in apertura “
    etichetta '.
  • IL ' titolo L'attributo ” contiene il testo che dovrebbe essere visualizzato mentre l'utente posiziona il cursore del mouse sul testo.
  • Tra l'apertura e la chiusura”
    ” tag è il testo che verrà visualizzato sull'interfaccia al passaggio del mouse su cui verrà visualizzato il testo al passaggio del mouse.

L'esempio sopra aggiunto mostrerà il seguente output:



Metodo 2: aggiungi testo al passaggio del mouse tramite l'elemento 'span'.

Un testo al passaggio del mouse può anche essere aggiunto utilizzando il ' ” elemento in HTML. Tutto ciò che serve è aggiungere il testo al passaggio del mouse nell'attributo title e l'effettivo elemento HTML per il quale il testo al passaggio del mouse viene aggiunto tra l'apertura e la chiusura ' ” tag.



Esempio

Aggiungiamo un semplice esempio per inserire il ' ” nel documento HTML allo scopo di aggiungere il testo al passaggio del mouse su un elemento HTML:

< span titolo = 'Questo è il testo al passaggio del mouse' >Passa sopra di me!< / span >

Nell'esempio sopra:

  • UN ' ” è stato aggiunto l'elemento “ titolo 'attributo all'interno dell'apertura' etichetta '.
  • IL ' titolo L'attributo ” contiene il testo che dovrebbe essere visualizzato quando l'utente passa sopra.
  • Tra apertura e chiusura” ” tag è il testo che verrà visualizzato all'utente al passaggio del mouse su cui verrà visualizzato il testo al passaggio del mouse.

Produzione

Questo riassume i possibili metodi per aggiungere un testo al passaggio del mouse senza utilizzare JavaScript.

Conclusione

Un testo al passaggio del mouse può essere facilmente aggiunto in HTML senza richiedere l'uso di funzioni JavaScript. Lo sviluppatore deve utilizzare il '

” elemento o il “ ” che crea l'elemento HTML e quindi aggiunge l'attributo title che definisce il testo al passaggio del mouse. Questo post è una buona guida sul metodo per aggiungere il testo al passaggio del mouse senza richiedere JavaScript.

Altro

Categoria

Messaggi Popolari

Cos'è Git Commit Hash e come usarlo?

Che cos'è il raggio di contorno HTML?

Come usare fprintf con una miscela di stringhe e numeri in MATLAB

Come abilitare e utilizzare le funzionalità di accessibilità Android

Come utilizzare il cmdlet Format-List (Microsoft.PowerShell.Utility) in PowerShell?

Come creare un'estensione di Chrome

Recupera i dati su Linux utilizzando ddrescue

Numeri di Fibonacci in linguaggio Python

Che cos'è l'interpolazione delle variabili nello scripting della shell

Cos’è Amazon Silk?

Come recuperare una filiale dall'upstream al repository locale?

Quali utilità Tailwind vengono utilizzate per controllare il posizionamento degli elementi posizionati

Come controllare e gestire l'accesso a un'API REST in Amazon API Gateway?

Lavorare con le variabili in Botpress: un approccio pratico

Qual è la differenza tra EC2 e RDS?

Come configurare JupyterHub Idle Culler su JupyterHub

Reindicizzare i panda

Qual è la differenza tra gli operatori * e & nella programmazione C

Come installare Git su Linux Mint 21

Come annullare Git Pull