«

typecho分类点击链接后实现hover选中特效

老陈博客 发布于 阅读:837 技术教程


以前都没有用过这个功能,近期在搞一个东东遇到了这个问题,怎么实现分类选中的hover特效,由于分类链接都是可以点击的,有些方法行不通,当然无刷新加载这个就不用说了。
当然也可以通过js代码实现,不过本人js代码不会,只能通过php暴力实现。

下面这段代码就是判断页面是为分类页面,在通过当前分类缩略名地址对所有分类缩略名进行匹对,如果存在就把$active这个变量赋值为active这个css类

注意提示:当前是通过分类缩略名进行比较的,如果你的当前地址的分类是ID的话请自行修改一下下面的缩略名字段为id字段即可

<?php 
    $active = '';
    if ($this->is('category')){
        if ($this->slug == $this->getArchiveSlug()){
            $active = 'active';
        }
    }
?>

使用方法

<li class="<?php echo $active; ?>">老陈博客</div>

typecho