Dodajanje lebdečega besedila brez JavaScripta, kot bi se pomaknili na uporabniško ime

Dodajanje Lebdecega Besedila Brez Javascripta Kot Bi Se Pomaknili Na Uporabnisko Ime



Na mnogih spletnih straneh pogosto vidimo besedilo, ki se pojavi na določenem elementu, ko se nanj pomaknemo in izgine, ko premaknemo kazalec kam drugam na zaslonu. To besedilo se imenuje lebdeče besedilo. V JavaScriptu je enostavno dodati lebdeče besedilo na element. Možno pa je tudi dodati lebdeče besedilo v dokument HTML z uporabo '
' element ali ' ” z atributom title.

Ta članek bo prikazal dve uporabni metodi za dodajanje lebdečega besedila v HTML brez uporabe JavaScripta:

1. način: dodajte lebdeče besedilo skozi element »div«.

Lebdeče besedilo lahko dodate tako, da preprosto uporabite »

' element z ' naslov 'atribut v uvodu' ”. Razvijalec mora dodati lebdeče besedilo v atribut »title« znotraj »
” začetno oznako in element HTML je dodan med začetno in končno “
” oznake. Besedilo znotraj '
” vsebniški element je lahko katere koli vrste. Na primer '

» naslov, «

” element odstavka ali preprosto golo besedilo.







Primer

Napišimo preprost primer, da dodamo »

” za dodajanje lebdečega besedila nad element HTML:



< div naslov = 'To je lebdeče besedilo' > Hover Over Me! < / div >

Glede na zgornjo kodo:



  • A “
    ' je bil dodan element z ' naslov 'atribut v uvodu'
    ' oznaka.
  • ' naslov ” vsebuje besedilo, ki naj bi se prikazalo, medtem ko uporabnik z miškinim kazalcem premika nad besedilom.
  • Med uvodom in zaključkom '
    ” je besedilo, ki bo prikazano na vmesniku, nad katerim bo prikazano lebdeče besedilo.

Zgoraj dodan primer bo prikazal naslednji rezultat:





2. način: dodajte lebdeče besedilo prek elementa »span«.

Besedilo pri lebdenju lahko dodate tudi z uporabo ' ” v HTML. Vse, kar zahteva, je dodati lebdeče besedilo v atribut naslova in dejanski element HTML, za katerega je lebdeče besedilo dodano med začetnim in končnim ' ” oznake.



Primer

Dodajmo preprost primer za vstavljanje » ” v dokumentu HTML z namenom dodajanja lebdečega besedila nad element HTML:

< razpon naslov = 'To je lebdeče besedilo' >Hover Over Me!< / razpon >

V zgornjem primeru:

  • A “ ' je bil dodan element z ' naslov 'atribut znotraj odprtine' ' oznaka.
  • ' naslov ” vsebuje besedilo, ki naj bi se prikazalo, ko se uporabnik premakne nad.
  • Med odpiranjem in zapiranjem ' ” je besedilo, ki bo prikazano uporabniku, če premaknete miškin kazalec, nad katerim bo prikazano besedilo lebdečega kazalca.

Izhod

To povzema možne metode za dodajanje lebdečega besedila brez uporabe JavaScripta.

Zaključek

Lebdeče besedilo je mogoče preprosto dodati v HTML, ne da bi pri tem potrebovali uporabo funkcij JavaScript. Razvijalec mora uporabiti »

' element ali ' ”, ki ustvari element HTML in nato doda atribut naslova, ki definira besedilo lebdenja. Ta objava je dober vodnik o metodi za dodajanje lebdečega besedila brez potrebe po JavaScriptu.