Цвет изменения привязки при нажатии
я хочу это, когда я нажимаю на эту ссылку его цветные изменения в данном цвете
<li id="press"><a href="<?=base_url()?>index.php/page/press">Press</a></li>
4 ответа
Все ссылки? A: Фокус {цвет: оранжевый; }
Некоторые ссылки? Дайте им класс, например : A.Foo:focus {цвет: фиолетовый; }
Одна ссылка? Дайте ему удостоверение личности, например : : A # BAR: Фокус {цвет: # bada55; }
Вот образец CSS для посещения гиперссылки
a:link {color:#FF0000}
a:visited{color:Red}
Надеюсь, что поможет.
Вы можете выполнить это на стороне серверов с PHP или с JS.
С PHP все, что вам нужно, это добавить данное имя пользователя на ссылку после щелчка. Очень простой пример будет:
<a href="myURL" class="<?php if(ExpressionToDetermineIfLinkIsClicked) echo 'selected'; ?>">
и CSS:
.selected { color: #FF0000; }
, если вы хотите сделать это с JS, и вы используете любую структуру JS, просто ищите сайт Frameworks для «Как добавить событие» и «Как Чтобы добавить классы «Тогда комбинируйте то, что вы узнаете из результатов поиска.
Если вы, по совпадению, используя Prototype.js framework, Тогда вы можете попробовать следующее:
function selectLink(link){
link.addClassName('selected');
var otherLinks = link.siblings();
for(var i = 0; i < otherLinks.lenght; i++){
otherLinks[i].removeClassName('selected');
}
}
document.observe('dom:loaded', function(){
$('menu').observe('click', function(event){
event.stop();
var link = Event.element(event);
selectLink(link);
});
});
---
<div id="menu">
<a href="url1" id="link1" class="">
<a href="url2" id="link2" class="">
<a href="url3" id="link3" class="">
</div>
Декларация CSS : Active выполнит то, что вы после. http://www.w3schools.com/css/pr_pseudo_active.asp
Пример.
a:active {
color: #C00;
}
NB.
A: Active должен прийти после A: hover в определении CSS для того, чтобы быть эффективным!