欢迎访问,本站接受互联网网站仿站、功能定制、定制插件、主题,如果需要的话可以联系我 QQ:2283276927

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

雨夜 3073次浏览 4个评论

做这个教程着实有点麻烦,因为我的电脑刚换的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:这种方法只能显示列表页、主页,页面页等页面,但是:文章页等内容页不能显示效果,目前我也在寻找办法,呵呵。


涂涂研版版权所有,如未注明 , 均为原创,转载需注明出处。
发表我的评论换个身份
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(4) 个小伙伴在吐槽
  1. 方法不错,喜欢的朋友可以用上。
    他她服装搭配 2014-09-12 AM 06:53 回复
  2. 已经搞定了,谢谢博主
    小虎博客 2014-08-30 PM 02:01 回复
    • 呵呵。没事,也是学习,呵呵。
      oneyyes 2014-08-30 PM 02:03 回复
  3. 博主的效率就是高,支持。
    小虎博客 2014-08-30 PM 01:42 回复

主题定制开发流程

ZBLOGPHP开发流程

联系我们