Podświetlanie Aktywnego Linku

Spisu treści:

Podświetlanie Aktywnego Linku
Podświetlanie Aktywnego Linku

Wideo: Podświetlanie Aktywnego Linku

Wideo: Podświetlanie Aktywnego Linku
Wideo: Podświetlenie Aktywnego Wiersza w Excelu 2024, Listopad
Anonim

Nawigacja na stronie odbywa się za pomocą linków. A ich wybór, powiązany z pewnym stanem, służy jako element projektu i pozwala stworzyć piękny efekt.

Podświetlanie aktywnego linku
Podświetlanie aktywnego linku

Instrukcje

Krok 1

Linki są określone przez tagi i. Muszą być napisane w terenie. Możesz w zasadzie korzystać z narzędzi w panelu sterowania, ale aby stworzyć różne efekty, będziesz musiał wprowadzić zmiany w kodzie. Atrybut alink odpowiada za kolor aktywnego linku, odwiedzany to vlink. W formacie html jest wyświetlany w następujący sposób: Nazwa karty Anchor textJeśli chcesz utworzyć link jako obraz, wstaw obraz między i:.

Krok 2

Podświetlanie po najechaniu kursorem na link jest generowane za pomocą JavaScript. Kod w tym przypadku wygląda tak: function highlight (which, color) {if (document.all || document.getElementById) which.style.backgroundColor = color}

tekst linku

Krok 3

Aby podświetlić tło wokół kotwicy linku, użyj: function highlight (which, color) {if (document.all || document.getElementById) which.style.backgroundColor = color}

Krok 4

Inna opcja podświetlenia aktywnego linku:.link {background-color: # 810002} $ (dokument).ready (funkcja () {$ ("li a")). RemoveClass ("link"); $ ("# link_" addClass ("link");});

  • Link 1
  • Link 2
  • Link 3

Zalecana: