Evidențierea Unui Link Activ

Cuprins:

Evidențierea Unui Link Activ
Evidențierea Unui Link Activ

Video: Evidențierea Unui Link Activ

Video: Evidențierea Unui Link Activ
Video: Navigation: highlighting the current page 2024, Mai
Anonim

Navigarea pe site este asigurată prin linkuri. Iar selecția lor, legată de o anumită stare, servește ca element de design și vă permite să creați un efect frumos.

Evidențierea unui link activ
Evidențierea unui link activ

Instrucțiuni

Pasul 1

Linkurile sunt specificate prin etichete și. Trebuie să fie scrise în teren. Puteți utiliza, în principiu, instrumentele din panoul de control, dar pentru a crea diverse efecte, va trebui să faceți modificări la cod. Atributul alink este responsabil pentru culoarea linkului activ, cel vizitat este vlink. În format html este afișat astfel: Nume filă Text de ancorare Dacă trebuie să creați un link ca imagine, atunci introduceți imaginea între și:.

Pasul 2

Evidențierea la trecerea cu mouse-ul peste un link cursor este generată utilizând Javascript. Codul în acest caz arată astfel: funcția de evidențiere (care, culoare) {if (document.all || document.getElementById) which.style.backgroundColor = color}

Text de legătură

Pasul 3

Pentru a evidenția fundalul din jurul ancorei linkului, utilizați: funcția de evidențiere (care, culoare) {if (document.all || document.getElementById) which.style.backgroundColor = color}

Pasul 4

O altă opțiune pentru evidențierea linkului activ:.link {background-color: # 810002} $ (document). Ready (function () {$ ("li a"). RemoveClass ("link"); $ ("# link_"). addClass („link”);});

  • Legătura 1
  • Legătura 2
  • Legătura 3

Recomandat: