Korostetaan Aktiivinen Linkki

Sisällysluettelo:

Korostetaan Aktiivinen Linkki
Korostetaan Aktiivinen Linkki

Video: Korostetaan Aktiivinen Linkki

Video: Korostetaan Aktiivinen Linkki
Video: Смарт-Часы Maimo Watch - Детальный ОБЗОР + ТЕСТЫ 2024, Marraskuu
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: