Dodaj tekst najechania kursorem bez JavaScript, tak jak my najeżdżamy kursorem na nazwę użytkownika

W tym artykule zademonstrujemy dwie przydatne metody dodawania tekstu aktywowanego w HTML bez użycia JavaScript:

• Poprzez element „div”.
• Poprzez element „rozpiętości”.

Metoda 1: Dodaj tekst najechania kursorem przez element „div”.

Tekst po najechaniu kursorem można dodać po prostu za pomocą opcji „ ” element z „ tytuł „atrybut w otworze” ”. Deweloper musi dodać tekst najechania kursorem w atrybucie „title” wewnątrz „ ” znacznik otwierający, a element HTML jest dodawany między otwierającym a zamykającym ” ” tagi. Tekst wewnątrz „ Element kontenera może być dowolnego typu. Na przykład „

” nagłówek, ”

” element akapitu lub prosty zwykły tekst.

---

---

Przykład

Napiszmy prosty przykład, aby dodać „ ”, aby dodać tekst po najechaniu kursorem na element HTML:

Zgodnie z powyższym kodem:

• A ' Dodano element „ z „ tytuł „atrybut w otworze” ”znacznik.
• „ tytuł ” zawiera tekst, który ma się wyświetlić, gdy użytkownik najedzie kursorem myszy na tekst.
• Między otwarciem a zamknięciem” Tagi ” to tekst, który będzie wyświetlany w interfejsie, nad którym najechanie kursorem spowoduje wyświetlenie tekstu po najechaniu kursorem.

Powyższy przykład wyświetli następujące dane wyjściowe:

Metoda 2: Dodaj tekst najechania kursorem przez element „span”.

Tekst po najechaniu kursorem można również dodać za pomocą opcji „ ” w HTML. Wystarczy dodać tekst aktywowania w atrybucie tytułu i rzeczywisty element HTML, dla którego tekst aktywowania jest dodawany między otwarciem a zamknięciem „ ” tagi.

Przykład

Dodajmy prosty przykład, aby wstawić „ ” w dokumencie HTML w celu dodania tekstu po najechaniu kursorem na element HTML:

W powyższym przykładzie:

• A ' Dodano element „ z „ tytuł ” atrybut wewnątrz otworu “ ”znacznik.
• „ tytuł ” zawiera tekst, który ma się wyświetlić, gdy użytkownik najedzie kursorem.
• Między otwarciem a zamknięciem” ” tagi to tekst, który zostanie wyświetlony użytkownikowi po najechaniu kursorem, który wyświetli tekst po najechaniu kursorem.

Wyjście

To podsumowuje możliwe metody dodawania tekstu aktywowanego bez użycia JavaScript.

Wniosek

Tekst najechania kursorem można łatwo dodać w HTML bez konieczności korzystania z funkcji JavaScript. Deweloper musi użyć albo „ element ” lub „ ”, który tworzy element HTML, a następnie dodaj atrybut title definiujący tekst w dymku. Ten post jest dobrym przewodnikiem na temat metody dodawania tekstu po najechaniu kursorem bez konieczności używania JavaScript.