× 268字 × 5阅

Blogger 高亮当前菜单选项

Blogger 高亮当前菜单选项
Blogger 高亮当前菜单选项

非常简单,blogger 默认有这个功能,当前选项会加上 class="selected" 标签,所以只需要改变 .selected 的样式就行。比如我的是:

.selected {
    background: #444;
}
.selected a {
    color: #fff!important;
}

之前之所以纠结是因为,blogger 默认的菜单只有一级,但当时想在归档选项下建个二级菜单放标签,于是放弃了默认菜单,而另外写了一个(详情)。前两天整理存档页面,决定不需要二级菜单放标签了。既然回归一级菜单,干脆用回默认,把高亮做好。

当时为了 css 下拉菜单也找过如何高亮的方法,但大部分搜到的是用 js 判断然后加样式。由于我不了解 blogger 系统,也完全不会 js,就放弃了。现在简简单单的也挺不错。

做个备份:同页面中 a 标签的平滑滚动。 来源:Smooth Scrolling。 </head> 前插入 jQuery: <script src='http://code.jquery.com/jquery-1.10.2.min.js' type='text/javascript'/> </body> 前插入平滑滚动代码: $(function() { $('a[href*=#]:not([href=#])').click(function() { if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) { var target = $(this.hash); target = target.length ? target : $('[name=' + this.hash.slice(1) +']'); if (target.length) { $('html,body').animate({ scrollTop: target.offset().top }, 1000); return false; } } }); }); 2017.10.12更新:如果想要更改滚动位置,可以修改scrollTop: target.offset().top为scrollTop: target.offset().top-n,其中n即是距离顶部的像素。比如想要将滚动后停止的位置设为距离顶部50px处,那么代码就是scrollTop: target.offset().top-50。
点击加载Disqus评论