Овај чланак ће демонстрирати две корисне методе за додавање лебдећег текста у ХТМЛ без употребе ЈаваСцрипт-а:
Метод 1: Додајте текст преко „див“ елемента
Лебдећи текст се може додати једноставним коришћењем „ <див> ” елемент са „ наслов ” атрибут на отварању “ <таг> ”. Програмер треба да дода лебдећи текст у атрибут „титле“ унутар „ <див> ” почетна ознака и ХТМЛ елемент се додаје између отварања и затварања “ <див> ' ознаке. Текст унутар „ <див> ” елемент контејнера може бити било ког типа. На пример, „ <х2> ” наслов, “ <п> ” елемент пасуса или једноставан обичан текст.
Пример
Хајде да напишемо једноставан пример за додавање „ <див> ” да бисте додали текст преко ХТМЛ елемента:
< див наслов = „Ово је лебдећи текст“ > Лебдите изнад мене! < / див >
Према горњем коду:
- А “ <див> ” елемент је додат са „ наслов ” атрибут на отварању “ <див> ” ознака.
- „ наслов ” атрибут садржи текст који би требало да буде приказан док корисник пређе курсором миша преко текста.
- Између отварања и затварања “ <див> ” ознаке су текст који ће бити приказан на интерфејсу који лебди изнад којег ће се приказати текст који лебди.
Горе додати пример ће приказати следећи излаз:
Метод 2: Додајте текст преко „спан“ елемента
Лебдећи текст се такође може додати помоћу „ <спан> ” елемент у ХТМЛ-у. Све што је потребно је да додате лебдећи текст у атрибут титле и стварни ХТМЛ елемент за који се текст лебдења додаје између отварања и затварања „ <спан> ' ознаке.
Пример
Хајде да додамо једноставан пример да убацимо „ <спан> ” елемент у ХТМЛ документу у сврху додавања текста преко ХТМЛ елемента:
< спан наслов = „Ово је лебдећи текст“ >Пређи изнад мене!< / спан >У горњем примеру:
- А “ <спан> ” елемент је додат са „ наслов ” атрибут унутар отварања “ <спан> ” ознака.
- „ наслов ” атрибут садржи текст који би требало да се прикаже када корисник пређе мишем преко њега.
- Између отварања и затварања “ <спан> ” ознаке су текст који ће бити приказан кориснику који пређе мишем преко којег ће се приказати текст који лебди.
Излаз
Ово сумира могуће методе за додавање лебдећег текста без употребе ЈаваСцрипт-а.
Закључак
Лебдећи текст се може лако додати у ХТМЛ без потребе за коришћењем ЈаваСцрипт функција. Програмер треба да користи или „ <див> ” елемент или “ <спан> ” који креира ХТМЛ елемент, а затим додаје атрибут титле који дефинише лебдећи текст. Овај пост је добар водич о методи додавања лебдећег текста без потребе за ЈаваСцрипт-ом.