0

ユーザーがリンクをクリックしたときにリンクを強調表示し、ユーザーがそのリンクにアクセスする限り強調表示を維持したいと思います。jqueryを使用して試しましたが、役に立ちませんでした。だからどんなhelp/suggestions.thanksも事前に。私の現在のコード：

<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;

}
4

1 に答える 1

0

リンクを強調表示し、ユーザーがクリックした後にアクティブにするために、私はそれをコードとしてコーディングしました：

<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-22T04:58:25.993 に答える