Korostetaan Aktiivinen Linkki

Korostetaan Aktiivinen Linkki
Korostetaan Aktiivinen Linkki

Sisällysluettelo:

Anonim

Sivustolla navigointi tapahtuu linkkien kautta. Ja niiden valinta, joka on sidottu tiettyyn tilaan, toimii muotoiluelementtinä ja antaa sinun luoda kauniin vaikutuksen.

Korostetaan aktiivinen linkki
Korostetaan aktiivinen linkki

Ohjeet

Vaihe 1

Linkit määritetään tunnisteilla ja. Ne on kirjoitettava kenttään. Voit periaatteessa käyttää ohjauspaneelin työkaluja, mutta erilaisten tehosteiden luomiseksi sinun on tehtävä muutokset koodiin. Alink-attribuutti vastaa aktiivisen linkin väristä, vierailtu on vlink. HTML-muodossa se näytetään seuraavasti: Välilehden nimi Ankkuriteksti Jos sinun on luotava linkki kuvana, lisää sitten kuva väliin ja:.

Vaihe 2

Kohdistin kohdistimen linkin päälle korostetaan Javascriptin avulla. Tässä tapauksessa koodi näyttää tältä: function highlight (joka, väri) {if (document.all || document.getElementById) which.style.backgroundColor = color}

Linkkiteksti

Vaihe 3

Linkin ankkurin ympärillä olevan taustan korostamiseksi käytä: funktion kohokohta (joka, väri) {if (document.all || document.getElementById) which.style.backgroundColor = color}

Vaihe 4

Toinen vaihtoehto aktiivisen linkin korostamiseksi:.link {background-color: # 810002} $ (document).ready (function () {$ ("li a"). RemoveClass ("link"); $ ("# link_"). addClass ("linkki");});

  • Linkki 1
  • Linkki 2
  • Linkki 3

Suositeltava: