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里面有全部源码












