用戶點擊後突出顯示鏈接

我想在用戶點擊鏈接時突出顯示鏈接，只要用戶訪問該鏈接即可保持突出顯示。我已經嘗試過使用jQuery，但無濟於事。所以任何幫助/建議。提前感謝。我當前的代碼：用戶點擊後突出顯示鏈接

<script type="text/javascript" src=<?php echo BASE_URL?>/js/jquery.js></script> 
<div class="menu_short"> 
    <a href="<?php echo BASE_URL?>/index.html">Home</a> 
    <a href="<?php echo BASE_URL?>/1.html">1</a> 
    <a href="<?php echo BASE_URL?>/2.html">2</a> 
    <a href="<?php echo BASE_URL?>/3.html">3</a> 

</div> 
<script type="text/javascript"> 
    $(document).ready(function(){ 
     $(".menu_short a").click(function(){ 
      $(".menu_short a").removeClass("active"); 
      $(this).addClass("active"); 
     }) 
    }) 
</script> 

css: 
.menu_short{ 

    float:left; 
    clear:both; 
    } 
.menu_short a, .menu_short a:link, .menu_short a:visited { 
    font:bold 13px Arial, Helvetica, sans-serif; 
    text-transform:uppercase; 
    color:#fff; 
    padding:0 15px; 
    } 

.menu_short a:hover{ 
    color: #ffd634; 
    text-decoration:none; 
    } 
.menu_short a:active { 
    color:#ffd634; 

}

來源

2012-07-12 samjhana joshi

你是什麼意思「只要用戶訪問該鏈接」？爲什麼'：visited'不夠？ – 2012-07-12 09:40:43

@dystroy你能否詳細說明一下。以及如何在上面的代碼中使用它。嘗試它搜索it.but沒有avail.can你投入一些幫助/建議 – 2012-07-12 09:53:05

你已經在使用它，'.menu_short a，.menu_short a：鏈接，.menu_short a：visited'使鏈接被訪問時變成白色一個用戶。如果你想只改變鏈接，而用戶在另一個網站上，這是一個完全不同的問題。 – 2012-07-12 09:54:39

的突出環節，並使其活躍用戶點擊後，我編碼它作爲代碼：

<script type="text/javascript" src=<?php echo BASE_URL?>/js/jquery.js></script> 
<div class="menu_short"> 
    <a class="<?php echo $page_code=='1'?"current":"";?>" href="<?php echo BASE_URL?>/index.html">Home</a> 
    <a class="<?php echo $page_code=='2'?"current":"";?>" href="<?php echo BASE_URL?>/1.html">1</a> 
    <a class="<?php echo $page_code=='3'?"current":"";?>" href="<?php echo BASE_URL?>/2.html">2</a> 
    <a class="<?php echo $page_code=='4'?"current":"";?>" href="<?php echo BASE_URL?>/3.html">3</a> 
</div>

CSS：

.menu_short a{ 
color: #E26EFF; 
} 
.menu_short a:hover{ 
background: #FF6ADA; 
color:#2362A5; 
} 
.menu_short a.current { 
background:#FF6ADA; 
color:#2362A5; 
}

其中$ page_code是針對每個頁面給出的數字代碼，如索引頁

function index(){ 
$data['page_code']=1; 
}

來源

2012-07-22 04:58:25

用戶點擊後突出顯示鏈接

回答

相關問題