Aktiivse Lingi Esiletõstmine

Sisukord:

Aktiivse Lingi Esiletõstmine
Aktiivse Lingi Esiletõstmine

Video: Aktiivse Lingi Esiletõstmine

Video: Aktiivse Lingi Esiletõstmine
Video: МЕГА-КЛУБНИЧНЫЙ крем с белым шоколадом на желтках! БЕЗ сливок , желатина и крахмала! 2024, Mai
Anonim

Saidil navigeerimine toimub linkide kaudu. Ja nende valik, mis on seotud teatud olekuga, toimib disainielemendina ja võimaldab teil luua ilusa efekti.

Aktiivse lingi esiletõstmine
Aktiivse lingi esiletõstmine

Juhised

Samm 1

Lingid määratakse siltide ja abil. Need tuleb väljale kirjutada. Põhimõtteliselt võite kasutada juhtpaneeli tööriistu, kuid erinevate efektide loomiseks peate koodi muutma. Atribuut alink vastutab aktiivse lingi värvi eest, külastatav on vlink. HTML-vormingus kuvatakse seda järgmiselt: vahelehe nimi AnkurtekstKui peate lingi tegema pildina, sisestage pilt ja: vahele.

2. samm

Esiletõstmine kursori lingi kohal hõljutamisel luuakse Javascripti abil. Sel juhul näeb kood välja järgmine: function highlight (mis, color) {if (document.all || document.getElementById) which.style.backgroundColor = color}

Lingi tekst

3. samm

Lingi ankru ümber oleva tausta esiletõstmiseks kasutage funktsiooni esile (mis, värv) {if (document.all || document.getElementById) which.style.backgroundColor = color}

4. samm

Teine võimalus aktiivse lingi esiletõstmiseks:.link {background-color: # 810002} $ (dokument).ready (function () {$ ("li a"). RemoveClass ("link"); $ ("# link_"). addClass ("link");});

  • Link 1
  • Link 2
  • Link 3

Soovitan: