Nagha-highlight Ng Isang Aktibong Link

Talaan ng mga Nilalaman:

Nagha-highlight Ng Isang Aktibong Link
Nagha-highlight Ng Isang Aktibong Link

Video: Nagha-highlight Ng Isang Aktibong Link

Video: Nagha-highlight Ng Isang Aktibong Link
Video: Hair Highlight Quick and Easy Way 2024, Nobyembre
Anonim

Ang pag-navigate sa site ay ibinibigay sa pamamagitan ng mga link. At ang kanilang pagpipilian, na nakatali sa isang tiyak na estado, ay nagsisilbing isang elemento ng disenyo at pinapayagan kang lumikha ng isang magandang epekto.

Nagha-highlight ng isang aktibong link
Nagha-highlight ng isang aktibong link

Panuto

Hakbang 1

Ang mga link ay tinukoy ng mga tag at. Kailangan nilang isulat sa larangan. Maaari mong, sa prinsipyo, gamitin ang mga tool sa control panel, ngunit upang lumikha ng iba't ibang mga epekto, kakailanganin mong gumawa ng mga pagbabago sa code. Ang katangian ng alink ay responsable para sa kulay ng aktibong link, ang binisita ay isang vlink. Sa format na html ipinakita ito tulad nito: Pangalan ng teksto Anchor text Kung kailangan mong gumawa ng isang link bilang isang larawan, pagkatapos ay ipasok ang imahe sa pagitan ng at:

Hakbang 2

Ang pagha-highlight sa pag-hover sa isang link ng cursor ay nabuo gamit ang Javascript. Ang code sa kasong ito ay ganito: highlight ng pag-andar (alin, kulay) {kung (document.all || document.getElementById) which.style.backgroundColor = color}

Text ng link

Hakbang 3

Upang mai-highlight ang background sa paligid ng anchor ng paggamit ng link: highlight ng pag-andar (na, kulay) {kung (document.all || document.getElementById) which.style.backgroundColor = color}

Hakbang 4

Isa pang pagpipilian para sa pag-highlight ng aktibong link:.link {background-color: # 810002} $ (dokumento). Handa na (function () {$ ("li a"). Alisin angClass ("link"); $ ("# link_"). addClass ("link");});

  • Link 1
  • Link 2
  • Link 3

Inirerekumendang: