Lisää hiiriteksti ilman JavaScriptiä, kuten me viemme hiiren käyttäjänimen päälle

Lisaa Hiiriteksti Ilman Javascriptia Kuten Me Viemme Hiiren Kayttajanimen Paalle



Monilla verkkosivuilla näemme usein tekstiä, joka näkyy tietyssä elementissä, kun viemme hiiren sen päälle, ja katoaa, kun siirrämme kohdistimen jonnekin muualle näytöllä. Tätä tekstiä kutsutaan hiiritekstiksi. JavaScriptissä on helppo lisätä hiiriteksti elementtiin. Mutta on myös mahdollista lisätä hover-teksti HTML-dokumenttiin käyttämällä joko '
'-elementti tai ' ”-elementti otsikkomääritteellä.

Tässä artikkelissa esitellään kaksi hyödyllistä tapaa lisätä hiiriteksti HTML:ään ilman JavaScriptiä:

Tapa 1: Lisää Hover-teksti 'div'-elementin kautta

Hover-teksti voidaan lisätä yksinkertaisesti käyttämällä '

' elementti ' otsikko 'attribuutti avauksessa' ”. Kehittäjän on lisättävä hiiriteksti 'title'-attribuutissa ''
' avaava tagi ja HTML-elementti lisätään avaavan ja sulkevan '
”tunnisteet. Teksti '
”säiliöelementti voi olla mitä tahansa tyyppiä. Esimerkiksi '

'otsikko', '

” kappaleelementti tai yksinkertainen teksti.





Esimerkki

Kirjoita yksinkertainen esimerkki lisätäksesi '

”-elementtiä lisätäksesi hiiritekstin HTML-elementin päälle:



< div otsikko = 'Tämä on leijuteksti' > Vie hiiri Ylitseni! < / div >

Yllä olevan koodin mukaan:



  • A '
    ' elementti on lisätty ' otsikko 'attribuutti avauksessa'
    ' -tunniste.
  • ' otsikko ” attribuutti sisältää tekstin, jonka oletetaan näkyvän, kun käyttäjä vie hiiren osoitinta tekstin päälle.
  • Avauksen ja sulkemisen välillä'
    ' -tunnisteet on teksti, joka näytetään käyttöliittymässä, jonka päällä hiiren osoittimen päälle näytetään osoittimen teksti.

Yllä lisätty esimerkki näyttää seuraavan tulosteen:



Tapa 2: Lisää Hover-teksti 'span'-elementin kautta

Hover-teksti voidaan lisätä myös käyttämällä ' ”elementti HTML:ssä. Ainoa mitä se vaatii, on lisätä hover-teksti otsikko-attribuutissa ja varsinainen HTML-elementti, jolle hover-teksti lisätään avaus- ja loppuosan väliin. ”tunnisteet.



Esimerkki

Lisätään yksinkertainen esimerkki ' ”-elementtiä HTML-dokumentissa lisätäksesi hiiritekstin HTML-elementin päälle:

< jänneväli otsikko = 'Tämä on leijuteksti' >Heritse minun päälläni!< / jänneväli >

Yllä olevassa esimerkissä:

  • A ' ' elementti on lisätty ' otsikko 'attribuutti avauksen sisällä' ' -tunniste.
  • ' otsikko ” attribuutti sisältää tekstin, jonka oletetaan näkyvän, kun käyttäjä vie hiiri sen päälle.
  • Avaamisen ja sulkemisen välillä' ” -tunnisteet on teksti, joka näytetään käyttäjälle, joka vie hiiren osoitinta päälle ja jonka päälle hiiren osoitin näkyy.

Lähtö

Tässä on yhteenveto mahdollisista tavoista lisätä hover-teksti ilman JavaScriptiä.

Johtopäätös

Hover-teksti voidaan lisätä helposti HTML:ään ilman JavaScript-toimintojen käyttöä. Kehittäjän on käytettävä joko '

'-elementti tai ' ”-elementti, joka luo HTML-elementin ja lisää sitten hover-tekstin määrittävä title-attribuutti. Tämä viesti on hyvä opas menetelmästä lisätä hiiriteksti ilman JavaScriptiä.

Muut

Luokka

Suosittu Viestiä

Vaihda Masterista uuteen oletushaara Gitiin

Conky System Monitoring Toolin asentaminen Raspberry Pi:hen

Asenna deb-tiedosto Ubuntuun 24.04

palautus DECR

Dockerin rekisteripeili

Vector Erase()-funktio C++:ssa

Alpine Linuxin asentaminen VMware Workstation 17 Pro -virtuaalikoneeseen

Trim()-funktion käyttäminen C#:ssa

Kuinka käyttää dig-komentoa Linuxissa

3 tapaa asentaa CMake Raspberry Pi:hen

Kuinka voin asentaa OpenSSL-kirjastot Ubuntuun

Hanki määrä sarakkeita R DataFrameen

Parhaat Raspberry Pi -robottisarjat

Suorita PostGIS-palvelin Docker-säiliönä

Kuinka asentaa Penpot Figma Alternative Raspberry Pi -sovellukseen

Kuinka käyttää Confessions-bottia Discordissa

Kuinka lukea exFAT-osioita Linuxissa

Kuinka toteuttaa _ForEach_-silmukka Pythonissa

Kuinka valita sitoumus haaralta toiselle?

Raspberry Pi -ytimen päivittäminen