z-blog让导航突出显示当前页链接条目

z-blog让导航突出显示当前页链接条目

关键词:连接今天的显示导航亮点&&；Lt.attr这段代码z-blog让导航突出显示当前页面的内容:大家的大致思路是这样的:首先用js在导航部分给当前的连接项添加一个不同的ID，比如 关键字描述：连接当今显示导航突显&quot&lt.attrthis编码

z-blog使导航突出显示当前页面的内容:

大家的大致想法是先用js在导航部分给当前的连接项添加一个不同的ID，比如 setp1:添加js(jQuery编码)，下面的 原本ss="superseo">ss="superseo">简单的代码。

<scripttype="text/javascript"> $(document).ready(function(){ $("#menuul>li").each(function(){//大家假定导航一部分的ID为menu，构造是<divid="menu"><ul><li>... if($(this).find("a").attr("href")==document.URL){ $(this).attr("id","current")//给当页的<li>再加上id="current"，如<liid="current">主页</li> } }); }); </script>

Haphic完善了这段代码，只适用于Z-Blog模板。

haphic之后的编码是声音

<scripttype="text/javascript"> $("#menuul>li").each(function(){ if($(this).find("a").attr("href").toLowerCase()!==str00.toLowerCase()){ if(document.URL.toLowerCase().indexOf($(this).find("a").attr("href").toLowerCase())!==-1){ $(this).attr("id","current") } }else{ if($(this).find("a").attr("href").toLowerCase()==document.URL.toLowerCase()){ $(this).attr("id","current") } } }); </script> set2:定义CSS样式 #menuuli#current{ background-color:#fff color:#0b1316； }

欢迎分享，转载请注明来源：内存溢出

原文地址: https://outofmemory.cn/zz/772265.html