Как вы переключаете ссылки, чтобы оставаться определенного цвета, пока не нажмете снова - PullRequest
1 голос
/ 16 июля 2011

Я пытаюсь сделать так, чтобы при нажатии на ссылку она оставалась определенной вещью, а затем при повторном нажатии вернулась обратно.

Как мне это сделать?Могу ли я сделать это в HTML + CSS?или мне нужно JS?

Ответы [ 3 ]

2 голосов
/ 16 июля 2011

Вы можете сделать это с помощью CSS + jQuery:

CSS:

a{
    color: blue
}
a.clicked{
    color: red;
}

JQuery:

$(document).ready(function(){
    $('a').click(function(){
        $(this).toggleClass('clicked');
    });
});

Вы можете проверить пример здесь "

0 голосов
/ 16 июля 2011

Если вы ищете только чистый Javascript и HTML:

function toggle_link(select){
    var color = select.style.color;
    select.style.color = (color == "blue" ? "green" : "blue");
}

А в своем HTML используйте атрибут onclick.

<a onclick="toggle_link(this)" style="color:blue">Click to change color!</a>

Рабочая скрипка: jsFiddle

0 голосов
/ 16 июля 2011

Вам определенно понадобится JavaScript для этого.(Если вы хотите «обмануть», создайте 2 HTML-страницы с одинаковым содержимым, кроме ссылок, поэтому вы можете связать их вместе, но с другим именем.)

...