Pridajte text pri umiestnení kurzora myši bez JavaScriptu, ako keby sme umiestnili kurzor myši na meno používateľa

Pridajte Text Pri Umiestneni Kurzora Mysi Bez Javascriptu Ako Keby Sme Umiestnili Kurzor Mysi Na Meno Pouzivatela



Na mnohých webových stránkach často vidíme text, ktorý sa objaví na určitom prvku, keď naň prejdeme a zmizne, keď presunieme kurzor niekam inam na obrazovku. Tento text sa nazýva text pri umiestnení kurzora myši. V JavaScripte je jednoduché pridať text po umiestnení kurzora myši na prvok. Je však tiež možné pridať text po umiestnení kurzora myši do dokumentu HTML pomocou buď „
prvok alebo prvok ” s atribútom title.

Tento článok demonštruje dve užitočné metódy na pridanie textu po umiestnení kurzora myši do HTML bez použitia JavaScriptu:

Metóda 1: Pridanie kurzora cez prvok „div“.

Text po umiestnení kurzora myši možno pridať jednoducho pomocou „

'prvok s ' titul ” atribút v úvodnej časti “ “. Vývojár musí pridať text po umiestnení kurzora myši do atribútu „title“ v rámci „
“otváracia značka a prvok HTML sa pridá medzi úvodnú a záverečnú”
'značky.' Text vo vnútri „
” kontajnerový prvok môže byť akéhokoľvek typu. Napríklad „

“ nadpis, “

” prvok odseku alebo jednoduchý obyčajný text.





Príklad

Napíšme jednoduchý príklad na pridanie „

” na pridanie textu po umiestnení kurzora myši nad prvok HTML:



< div titul = 'Toto je text pri umiestnení kurzora myši' > Vznášaj sa nad mnou! < / div >

Podľa vyššie uvedeného kódu:



  • A “
    ” prvok bol pridaný s “ titul ” atribút v úvodnej časti “
    ” tag.
  • ' titul ” obsahuje text, ktorý sa má zobraziť, kým používateľ podrží kurzor myši nad textom.
  • Medzi otvorením a zatvorením“
    ” tagy je text, ktorý sa zobrazí na rozhraní, nad ktorým sa bude pohybovať kurzor myši.

Vyššie pridaný príklad zobrazí nasledujúci výstup:



Metóda 2: Pridanie textu kurzora cez prvok „span“.

Text po umiestnení kurzora myši možno pridať aj pomocou „ ” prvok v HTML. Všetko, čo to vyžaduje, je pridať text pri umiestnení kurzora do atribútu title a skutočný prvok HTML, pre ktorý sa text pri umiestnení kurzora pridá medzi úvodnú a záverečnú časť. 'značky.'



Príklad

Pridajme jednoduchý príklad na vloženie „ ” v dokumente HTML na účely pridania textu po umiestnení kurzora myši nad prvok HTML:

< rozpätie titul = 'Toto je text pri umiestnení kurzora myši' >Hover Over Me!< / rozpätie >

Vo vyššie uvedenom príklade:

  • A “ ” prvok bol pridaný s “ titul „atribút v úvodnej časti“ ” tag.
  • ' titul ” obsahuje text, ktorý sa má zobraziť, keď používateľ naň umiestni kurzor myši.
  • Medzi otvorením a zatvorením“ ” tagy sú text, ktorý sa zobrazí používateľovi pri umiestnení kurzora myši nad ktorý sa zobrazí text pri umiestnení kurzora myši.

Výkon

Toto zhŕňa možné metódy na pridanie textu po umiestnení kurzora myši bez použitia JavaScriptu.

Záver

Text po umiestnení kurzora myši možno jednoducho pridať do HTML bez toho, aby bolo potrebné použiť funkcie JavaScriptu. Vývojár musí použiť buď „

prvok alebo prvok ”, ktorý vytvorí element HTML a potom pridá atribút title definujúci text pri umiestnení kurzora myši. Tento príspevok je dobrým sprievodcom o metóde pridania textu pri umiestnení kurzora myši bez potreby JavaScriptu.

Iné

Kategórie

Populárne Príspevky

Získajte záznamy pomocou Rest API v Salesforce

Aký je rozdiel medzi C++ String == a metódou Compare().

Ako skryť kód JavaScript v zobrazení zdroja

Ako používať metódu jQuery keyup ()?

Ako povoliť kontextové okná v prehliadači Google Chrome

Ako udelím povolenie skriptu Shell na počítači Mac

Ako odstrániť nechcenú prázdnu stranu na konci dokumentu programu Word

Ako zmeniť farbu klávesnice v systéme Android?

Čo je chyba Microsoft Windows 11 Driver Updates 0x80070103 a ako ju opraviť

Ako vrátiť ukazovateľ z funkcií v C++

Čo je adresa pamäte v programovaní C a ako ju nájsť?

Čo je db.collection.updateOne() v MongoDB?

Výstraha „HostsFileHijack“ programu Windows Defender sa zobrazí, ak je blokovaná telemetria - Winhelponline

Ako vyčistiť úložiská Git pomocou príkazu git prune

Čo sú reťazce v programovaní C?

Ako vytvoriť a odstrániť alias v systéme Linux

Ako zistiť, či je podsieť verejná

Ako získať prístup k rodičovskému prvku pomocou vlastnosti parentElement HTML DOM

Ako opraviť chybu „404 Not Found“ pomocou „apt-get update“ na starom Ubuntu

Ako vytvoriť lepkavý prvok v HTML