pjblog网站文章导航插件

pjblog网站文章导航，这个插件，是你无法拒绝的．还是先来看一下效果

安装方法很简单：在后台新建一个侧边模块，点编辑HTML，下载这个文件点击下载此文件，将里面的code.txt里面的所有文字复制到里面．保存．搞定．到这里，你所有的工作已经结束了．如果你想要DIY那么请接着往下看

鼠标经过对应分类，就显示所选分类，这样可以大大的节省了你的侧边栏长度，不会让你的侧边栏常的很，又可以满足想要丰富内容的你的需求．当然，这个是四个比较流行的文章浏览插件集合，你还加更多．．．下面来分析一下源代码

<div>
 <div class="Content-body">
  <ul id="tabtags2" style="list-style:none;">
   <li style="float:left;width:30px;margin-right:2px;;"><a style="display:block;text-align:center;color:#FFFFFF;background:#095CB8;text-decoration:none;" href="javascript:void(0)" onmousemove="selectTag2('tabtagContent20',this)">随机</a></li>
   <li style="float:left;width:30px;margin-right:2px;;"><a style="display:block;text-align:center;color:#FFFFFF;background:#095CB8;text-decoration:none;" href="javascript:void(0)" onmousemove="selectTag2('tabtagContent21',this)">最新</a></li>
   <li style="float:left;width:30px;margin-right:2px;;"><a style="display:block;text-align:center;color:#FFFFFF;background:#095CB8;text-decoration:none;" href="javascript:void(0)" onmousemove="selectTag2('tabtagContent23',this)">精华</a></li>
   <li style="float:left;width:30px;margin-right:2px;;"><a style="display:block;text-align:center;color:#FFFFFF;background:#095CB8;text-decoration:none;" href="javascript:void(0)" onmousemove="selectTag2('tabtagContent22',this)">热门</a></li>
  </ul>
  <div> </div>以上这一段是几个表头

如果想要添加，则在</ul>之前加入下面一段话，修改红色部分

<li style="float:left;width:30px;margin-right:2px;;"><a style="display:block;text-align:center;color:#FFFFFF;background:#095CB8;text-decoration:none;" href="javascript:void(0)" onmousemove="selectTag2('tabtagContent22',this)">热门</a></li>

<div id="tabtagContent2">
   <div id="tabtagContent20">随机日志<$RandomLog$></div>

//红色的字对应上面的相应项．<$RadomnLog$>代表插件名称，可以在后台＂界面和插件＂－＂设置模块＂里面编辑HTML里面看到．想要放置什么插件，就放什么代码，比如你也可以改成$Link_Code$，就是友情链接了，就是这么简单，赶快自己试试吧！

<div id="tabtagContent21" style="display:none">
    最新日志<$NewLog$>
   </div>

   <div id="tabtagContent22" style="display:none">
    热门日志<$PopularLog$>
   </div>

//相应上面一部分添加的代码再加上这段主代码，一一对应就好

   <div id="tabtagContent23" style="display:none">
    精华日志<div class="commentTable"><$EliteLog$></div>
   </div>
  </div>
 </div>

点击下载此文件（和前面的下载一样的．）
PS:本文代码不完全，请下载此文件在code.txt里面有全部源码