Tilføj hover-tekst uden JavaScript, ligesom vi svæver på en brugers navn

I henhold til ovenstående kode:

• en '
  ' element er blevet tilføjet med ' titel ' attribut i åbningen '

  ” tag.
• Det ' titel ” attribut indeholder den tekst, der formodes at blive vist, mens brugeren holder musemarkøren over teksten.
• Mellem åbning og afslutning '
  ” tags er den tekst, der vil blive vist på grænsefladen, når du svæver over, og som viser svæveteksten.

Det ovenstående tilføjede eksempel vil vise følgende output:

Metode 2: Tilføj hover-tekst gennem 'span'-elementet

En svævetekst kan også tilføjes ved at bruge ' ' element i HTML. Alt det kræver er at tilføje hover-teksten i title-attributten og det faktiske HTML-element, som hover-teksten tilføjes til mellem åbningen og den afsluttende ' ” tags.

Eksempel

Lad os tilføje et simpelt eksempel for at indsætte ' ” element i HTML-dokumentet med det formål at tilføje svæveteksten over et HTML-element:

I ovenstående eksempel:

• en ' ' element er blevet tilføjet med ' titel ' attribut inde i åbningen ' ” tag.
• Det ' titel ” attribut indeholder den tekst, der formodes at blive vist, når brugeren svæver over.
• Mellem åbning og lukning' ” tags er den tekst, der vil blive vist for brugeren, der holder musemarkøren over, og som vil vise hover-teksten.

Produktion

Dette opsummerer de mulige metoder til at tilføje en hover-tekst uden at bruge JavaScript.

Konklusion

En svævetekst kan nemt tilføjes i HTML uden at kræve brug af JavaScript-funktioner. Udvikleren skal bruge enten '