涂涂研版

  1. 涂涂研版首页
  2. 教程、积累

Z-Blog asp怎么实现导航高亮显示--应小虎博客请求

雨夜 • • 教程、积累

做这个教程着实有点麻烦，因为我的电脑刚换的win8.1系统，没有配置iis。所以需要一步步设置，刚开始出现一些列问题，比如无法打开w3svc无法打开等问题，这个问题解决完成了，紧接着出现无法连接access数据库等问题，哎。但是问题面前都不怕，大不了重装系统，呵呵。都被解决了，（没有重装，呵呵）。有点扯远了。。现在步入正题。应小虎博客的请求“Z-Blog asp怎么实现导航高亮显示”，我应用卢松松博客模板（asp）后，开始操作，实现效果如下：

步骤：

（1）打开卢松松模板文件夹里的default.html模板、header.html模板，在<head>..</head>之间添加如下代码：

 <script src="<#ZC_BLOG_HOST#>zb_users/theme/<#ZC_BLOG_THEME#>/SCRIPT/com.js" type="text/javascript"></script>

（2）创建com.js文件，内容为：

//高亮导航项目
$(document).ready(function(){ 
var s=document.location;
$("#menu a").each(
	function(){
		if(this.href==s.toString().split("#")[0])
			{$(this).addClass("current_page_item");return false;}
	});
});

（3）复制该文件com.js到卢松松主题的脚本文件夹script中。

（4）打开卢松松css样式表LuSongSong-Index.css，添加如下样式：

.current_page_item {
color: #35aadc! important;
font-weight: bold !important;
}

（5）到zblog asp系统后台，刷新缓存，重建（如果是使用静态的话。）。

（6）看看效果吧。

PS：这种方法只能显示列表页、主页，页面页等页面，但是：文章页等内容页不能显示效果，目前我也在寻找办法，呵呵。

赞 (1)
打赏 微信扫一扫 微信扫一扫
雨夜雨夜认证作者
52744

相关推荐

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请通知我们，一经查实，本站将立刻删除。


客服