Фонове виділення посилання з допомогою Javascript

72

Сьогодні продовжу розпочату в попередній статті розповідає про простому способі підсвічування активного посилання за допомогою Javascript.
У цій статті розповім, як домогтися ефекту виділення активного посилання різними відтінками кольорів.
Використовуйте цей чудовий сценарій для додавання ефекту освітлення, з можливістю зміни кольору підсвічування для кожного посилання. Ефект повністю настроюється. Прекрасний спосіб додати акцент зокрема на посилання присутні на вашому сайті!

16.12.2016 : Інформацію в статті можна вважати безнадійно застарілою. Зараз все це робиться елементарно на чистому CSS. Але тим кого раніше вставляє javascript з будь-якого приводу, стаття може стане в нагоді ))).

Для початку, як завжди дивимося приклад роботи скрипта:

Dobrovoi Navigator

Rabotaem Net — Можливості заробітку

Надійний софт

Java-scripts.net

Все що нам знадобиться це сам невеликий скрипт і звичайно правильне введення оформленої посилання в HTML-код вашої сторінки.
І так, для реалізації ефекту в тіло сторінки, перед закриваючим тегом прописуємо виконуючий javascript:

<script>
function highlight(which,color){
if (document.all||document.getElementById)
which.style.backgroundColor=color
}

function highlight(which,color){
if (document.all||document.getElementById)
which.style.backgroundColor=color
}

Ну і щоб оформити саму посилання нам знадобитися не дуже хитрий сценарій, типу:

Ваше посилання з підсвічуванням

Ваше посилання з підсвічуванням

Фон настроюється підсвічування простіше-простого, в рядку onMouseover=highlight(this,’#6CFFFF’) міняєте колірний код на свій і милуєтеся результатом.

На цьому все! На мою дешево і сердито, нічого зайвого і увагу користувачів обов’язково буде залучено з допомогою такого ефекту.

Удачі в починаннях!

З Повагою, Андрій .

Буду всім вдячний, якщо підтримайте проект — додавши блог виключення AdBlock та поділіться посиланням на запис в своїх соціальних мережах: