文章目录[隐藏]
这个效果主要是用在RIPRO主题导航菜单上,目前很多站点都在使用,文字表达不出效果,可参考本站导航查看,本教程以RIPRO父级主题为例,子主题也可参考本教程!

RIPRO主题美化教程:
1.找到RIPRO主题:“ripro/parts/navbar.php”
2.搜索如下代码:
<header class="site-header
3.将这一行代码替换为如下代码:
<header class="site-header frosted navFix" id="navHeight">
隐藏内容
此处内容需要权限查看
5.id后面的吸附不需要的可删除,一般用于菜单上方的黑条,需要的可在:“ripro/footer.php”合适位置添加效果代码:
<script>
//内容信息导航吸顶
$(function () {
var navHeight = $("#navHeight").offset().top;
var navFix = $("#navHeight");
if (navHeight > 36) {
navFix.addClass("navFix");
}
window.onscroll = function () {
if ($(this).scrollTop() > navHeight || $(this).scrollTop() > 37) {
navFix.addClass("navFix");
} else {
navFix.removeClass("navFix");
}
}
})
$(document).ready(function () {
})
var ndt = $("#help dt");
var ndd = $("#help dd");
ndd.eq(0).show();
ndt.click(function () {
ndd.hide();
$(this).next().show();
});
</script>
6.如果是没添加后台开关的,直接刷新即可,添加后台开关的到后台打开效果即可!
公告: 本站提供的源码、模板、插件等等其他资源,除资源本身问题外,都不包含免费技术服务,如需技术支持需支付100+技术服务费,具体依客服说明为准,请大家谅解!
说明: 本站资源解压密码见“常见问题”,一般都为“www.360mb.net”!
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
说明: 本站资源解压密码见“常见问题”,一般都为“www.360mb.net”!
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。