एक लंगर के रंग बदलें क्लिक किया जब

Question

मैं चाहता हूँ कि जब मैं दिया रंग

<li id="press"><a href="<?=base_url()?>index.php/page/press">Press</a></li> 

Answer 1

सभी लिंक करने के लिए इस लिंक पर क्लिक करें अपने रंग में परिवर्तन? a:focus { color: orange; }

कुछ लिंक? उन्हें एक कक्षा दें, उदाहरण के लिए <a class="foo" ...>: a.foo:focus { color: purple; }

एक लिंक? इसे एक आईडी दें, उदाहरण के लिए <a id="bar" ...>: a#bar:focus { color: #BADA55; }

Answer 2

आप सर्वर-साइड पर PHP या जेएस के साथ इसे पूरा कर सकते हैं।

PHP के साथ आपको एक बार क्लिक किए गए लिंक में दिए गए क्लासनाम को जोड़ना होगा। एक बहुत ही सरल उदाहरण होगा:

<a href="myURL" class="<?php if(ExpressionToDetermineIfLinkIsClicked) echo 'selected'; ?>"> 

और सीएसएस:

.selected { color: #FF0000; } 

आप जे एस के साथ करना चाहते हैं, और तुम सिर्फ "के लिए चौखटे 'साइट पर खोज किसी भी जे एस फ्रेमवर्क उपयोग कर रहे हैं कोई ईवेंट कैसे जोड़ें "&" क्लासनाम कैसे जोड़ें "फिर खोज परिणामों से आपको क्या पता चल जाएगा।

आप कर रहे हैं, संयोग से, prototype.js ढांचे का उपयोग कर, तो आप निम्न की कोशिश कर सकते हैं:

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> 

Answer 3

सीएसएस घोषणा :active पूरा होगा क्या आप के बाद कर रहे हैं। http://www.w3schools.com/CSS/pr_pseudo_active.asp

उदाहरण।

a:active { 
    color: #C00; 
} 

एनबी।

a:active प्रभावी होने के लिए सीएसएस परिभाषा में a:hover के बाद आना चाहिए!

Answer 4

यहाँ का दौरा किया हाइपरलिंक

a:link {color:#FF0000}  
a:visited{color:Red} 

आशा में मदद मिलेगी के लिए नमूना Css है।