Question

我希望在用户点击该链接时突出显示该链接，并在用户访问该链接时保持突出显示。我用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;

}

Answer 1

用于突出显示链接，并在用户点击后将其设为活动状态代码：

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

用户点击后突出显示该链接

1 个答案: