仿X2 ➟板块浏览页面的板块导航

QMS

	需要安装JQ库➟➟JQuery安装，已经安装可以忽略。 进入后台 ➟工具 ➟数据调用 ➟新建自由代码，名称： 自由代码_板块导航 复制代码 内容： <style>/*---------------------板块导航----------------------------------------*/ #forumdisplay .with_side .main{margin-left: -140px!important;} #forumdisplay .with_side .content{margin-left: 140px!important;} #forumdisplay .with_side .side{width: 140px!important;} .a dd{display:none} .bdl{float:left;overflow:hidden;border:1px solid #ffcc66;background-color:#F5F9FB;} .ie6 .bdl{position:relative;} .bdl_h{height:32px;line-height:22px;} .bdl .tbn{margin:10px;} .bdl dl{margin:-1px -10px 0;} .bdl dt{overflow:hidden;height:27px;line-height:27px;border:solid #ffcc66;border-width:1px 0;background:#F5F9FB url(https://kuchingshare.my/other/p/zypic.png) repeat-x 100% 0;} .bdl dt a{display:block;padding:0 15px 0 10px;font-weight:bold;color:#000000!important;} .bdl dt a:hover,.bdl_a a:hover{text-decoration:none;} .bdl dd{display:none;} .bdl dd a{display:block;margin:0 3px;padding:0 7px;height:26px;line-height:26px;overflow:hidden;} .bdl dl.a{padding-bottom:4px;background-color:#FFF;} .bdl dl.a dt{margin-bottom:3px;background-position:100% -27px;} .bdl dl.a dd,.bdl_fav dd{display:block;overflow:hidden;zoom:1;} .bdl dd.bdl_a a{font-weight:700;} .bdl dd.bdl_a,.bdl dd:hover{background:#ffcc66;} .bdl dd{border-bottom:#ffcc66 1px dashed;} </style> <div id="sd_bdl" class="bdl" style="width:130px;"> <div class="tbn" id="forumleftside"><h2 class="bdl_h">版块导航</h2> <dl class="" id="lf_49"> <dt><a href="javascript:;" hidefocus="true" onclick="leftside('lf_49')" title="章鱼博客">章鱼博客</a></dt> <dd> <a href="/forum-50-1.html" title="章鱼博客">章鱼博客</a> </dd> </dl> <dl class="" id="lf_16"> <dt><a href="javascript:;" hidefocus="true" onclick="leftside('lf_16')" title="Discuz!专区">Discuz!专区</a></dt><dd> <a href="/forum-17-1.html" title="SCLUB代码">SCLUB代码</a> </dd> <dd> <a href="/forum-8-1.html" title="5d6d代码">5d6d代码</a> </dd> <dd> <a href="/forum-75-1.html" title="申请代整">申请代整</a> </dd> <dd> <a href="/forum-19-1.html" title="疑问解答">疑问解答</a> </dd> <dd> <a href="/forum-55-1.html" title="SCLUB插件">SCLUB插件</a> </dd> <dd> <a href="/forum-20-1.html" title="插件资讯">插件资讯</a> </dd> <dd> <a href="/forum-58-1.html" title="内测插件">内测插件</a> </dd> </dl> <dl class="" id="lf_999"> <dt><a href="javascript:;" hidefocus="true" onclick="leftside('lf_999')" title="SCLUB插件">SCLUB插件</a></dt> <dd> <a href="/forum-47-1.html" title="宠物中心">宠物中心</a> </dd> <dd> <a href="/forum-53-1.html" title="许愿墙">许愿墙</a> </dd> <dd> <a href="/forum-56-1.html" title="积分进度条">积分进度条</a> </dd> <dd> <a href="/forum-57-1.html" title="7钻点亮">7钻点亮</a> </dd> <dd> <a href="/forum-59-1.html" title="首页7格帖子调用">首页7格帖子调用</a> </dd> <dd> <a href="/forum-67-1.html" title="论坛际遇">论坛际遇</a> </dd> <dd> <a href="/forum-71-1.html" title="章鱼音乐播放器">章鱼音乐播放器</a> </dd> <dd> <a href="/forum-72-1.html" title="@呼我插件">@呼我插件</a> </dd> <dd> <a href="/forum-74-1.html" title="名人堂">名人堂</a> </dd> </dl> <dl class="" id="lf_5"> <dt><a href="javascript:;" hidefocus="true" onclick="leftside('lf_5')" title="章鱼之家">章鱼之家</a></dt> <dd> <a href="/forum-6-1.html" title="LF2专区">LF2专区</a> </dd> <dd> <a href="/forum-7-1.html" title="QQT专区">QQT专区</a> </dd> </dl> <dl class="" id="lf_10"> <dt><a href="javascript:;" hidefocus="true" onclick="leftside('lf_10')" title="杂类版块">杂类版块</a></dt> <dd> <a href="/forum-11-1.html" title="新手报到">新手报到</a> </dd> <dd> <a href="/forum-13-1.html" title="站务管理">站务管理</a> </dd> <dd> <a href="/forum-26-1.html" title="聊天灌水">聊天灌水</a> </dd> <dd> <a href="/forum-48-1.html" title="笑话专区">笑话专区</a> </dd> <dd> <a href="/forum-14-1.html" title="每日签到">每日签到</a> </dd> </dl> <dl class="" id="lf_3"> <dt><a href="javascript:;" hidefocus="true" onclick="leftside('lf_3')" title="管理员专区">管理员专区</a></dt> <dd> <a href="/forum-4-1.html" title="管理员会议室">管理员会议室</a> </dd> <dd> <a href="/forum-24-1.html" title="数据记录">数据记录</a> </dd> <dd> <a href="/forum-25-1.html" title="附件储存">附件储存</a> </dd> </dl> </div> </div> <script> function leftside(id) { aa=$("umenu").innerHTML //$jq("#"+id+" dd").toggle(300) $(id).className = $(id).className == 'a' ? '' : 'a'; if(id == 'lf_fav'){ setcookie('leftsidefav', $(id).className == 'a' ? 0 : 1, 2592000); } } $jq("#sd_bdl a[href='/forum-"+fid+"-1.html']").parent().parent()[0].className="a" $jq("#sd_bdl a[href='/forum-"+fid+"-1.html']").parent()[0].className="bdl_a" </script> 复制代码 然后把他加入主题的边栏即可。 文章来源：zyhome.66rt.com